首页新闻找找看学习计划

移动端适配时遇到的android版UCWeb样式问题

0
悬赏园豆:30 [已解决问题] 解决于 2016-10-24 22:17

是这样进行移动端适配的:

<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="Stylesheet" type="text/css" media="only screen and (max-device-width: 980px)" href="/bundles/aggsite-mobile.css" />

在iOS版UCWeb浏览器中正常,但在android版UCWeb中做适配的css总是不生效。

用js打印screen.width的值发现竟然是1080。难怪,针对max-device-width: 980px写的样式当然不起作用。

请问如何解决这个问题?

dudu的主页 dudu | 高人七级 | 园豆:40900
提问于:2016-10-24 19:33
< >
分享
最佳答案
0

试试:media="only screen and (max-width: 980px)"

收获园豆:30
JoiWilliam | 小虾三级 |园豆:546 | 2016-10-24 20:33

找到一篇参考资料:Should I use max-device-width or max-width?,苹果官网与github用的都是max-width。

dudu | 园豆:40900 (高人七级) | 2016-10-24 22:17
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册