首页 新闻 会员 周边 捐助

移动端适配时遇到的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 | 高人七级 | 园豆：30778
提问于：2016-10-24 19:33
< >
分享
最佳答案
0

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

收获园豆：30
brusw | 小虾三级 |园豆：746 | 2016-10-24 20:33

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

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