界面w文件对应的css文件加载问题

月影银沙

重新修改 BEX5 V5.3.2.1 的登录界面，在login.css中写下如下代码：


在谷歌，火狐等其他浏览器中均能根据屏幕大小进行适应，
但是在IE 11下却无效，不管在多大的屏幕下，该css总是会被加载，导致页面变形。

但是 将login.css从login.w的界面文件中移出到单独的css文件中，在login.w的js文件中采用“require("css!./assets/admin/layout/css/login").load();”进行加载，则在IE 11下界面显示正常。

请起步官方关注下该问题。

jishuang

在IE 11F12打开开发人员调试工具用放大镜定位调试看看哪些样式冲突了

这个是调整过的，如果是直接在.w的css中定义的就只有这个.w生效，如果是require的就是全局的所有的都生效

月影银沙

jishuang 发表于 2015-12-18 15:43
在IE 11F12打开开发人员调试工具用放大镜定位调试看看哪些样式冲突了

这个是调整过的，如果是直接在.w的cs ...

不是样式冲突了，而是那段样式本来是不满足条件不应该被应用的，但是在IE下还是被应用上去了而导致的。在其他浏览器下是没有这个问题的，比如我在1366*768的屏幕下测试， max-width肯定大于500px，正常情况下是不应该应用@media(max-width:500px)里面的样式的，但是在IE下测试却发现无效，这段样式还是被应用上去了。

jishuang

可以用一个标准的html文件在样式中如上的控制，看看IE11是否正常

月影银沙

jishuang 发表于 2015-12-21 09:46
可以用一个标准的html文件在样式中如上的控制，看看IE11是否正常

我把那个css文件单独提取成一个独立的css文件，在js文件中采用“require("css!./assets/admin/layout/css/login").load();”进行加载，就正常了，如果让.w文件自动关联该w文件下的css文件就不正常。

jishuang

月影银沙 发表于 2015-12-21 16:06
我把那个css文件单独提取成一个独立的css文件，在js文件中采用“require("css!./assets/admin/layout/css ...

用require引用是全局的，所以的功能页都会起作用

直接在.w中的css中写的就只有当前页有效，就类似与html中直接写css控制一样的，可以用html页面直接写css看一下

月影银沙

jishuang 发表于 2015-12-21 17:58
用require引用是全局的，所以的功能页都会起作用

直接在.w中的css中写的就只有当前页有效，就类似与html ...

直接在html里面写css是正常的，在.w中写css就不正常


但是调整一下IE浏览器的大小，就正常了




应该是.w文件初始化时加载当前页css的时机问题

jishuang

V3.2.1版本直接在login.css中设置在IE中测试没问题

IE打开默认的状态已经调小了，然后直接输入地址显示没问题

月影银沙

jishuang 发表于 2015-12-23 13:54
V3.2.1版本直接在login.css中设置在IE中测试没问题

IE打开默认的状态已经调小了，然后直接输入地址显示没 ...

不是把IE默认调小，我要测试的是@media （max-width:500px）{}这样的css代码的自适应。操作步骤如下：
1.首先把IE最大化，使宽度大于500px;
2.然后打开登录页面;
3.正常情况下是不应该加载@media （max-width:500px）{}里面的CSS样式的，但是IE却加载出来了，导致页面变形;
4.然后接下来调整IE的窗体大小，CSS样式就可以自适应了。当大于500px时@media （max-width:500px）{}里面的样式就不会加载了，当小于500px时，@media （max-width:500px）{}就可以正常加载。

jishuang

月影银沙 发表于 2015-12-24 11:08
不是把IE默认调小，我要测试的是@media （max-width:500px）{}这样的css代码的自适应。操作步骤如下：
1. ...

1.首先把IE最大化，使宽度大于500px;
2.然后打开登录页面;
这测试也没问题，不会会加载@media （max-width:500px）{}里面的CSS样式的