我正在使用@viewport CSS3(因为viewport meta对我来说不够灵活)。我的设计是960px宽度。当我使用Google Chrome开发人员工具并模拟Samsung S4时,这可以完美地工作。当我在Chrome导航器中的真实Samsung S4设备上打开页面时,似乎未应用此CSS规则(我清空了Samsung S4 chrome缓存)
为什么这在Chrome模拟中正常运行,但在设备上却无法正常运行?
@media screen and (min-width: 320px) {
@viewport {
width: 960px;
orientation:landscape;
}
}
我从这里撤回了这个答案。
尝试添加<meta name="viewport" content="width=device-width" />
在<head>
你的HTML文档
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句