css3 视口:适用于 chrome 模拟器,不适用于 android phone
css3 viewport : works on chrome simulator, not on android phone
我正在使用@viewport CSS3(因为视口元对我来说不够灵活)。
我的设计是 960px 宽度。
当我使用 Google Chrome 开发工具并模拟 Samsung S4 时,效果非常好。
当我在 chrome 导航器中打开我真正的三星 S4 设备上的页面时,看起来这个 CSS 规则没有应用(我清空了我的三星 S4 chrome 缓存)
为什么这在 Chrome 模拟上可以正常工作,但在设备上却不行?
@media screen and (min-width: 320px) {
@viewport {
width: 960px;
orientation:landscape;
}
}
我从 here 中提取了这个答案。
尝试在 HTML 文档的 <head>
中添加 <meta name="viewport" content="width=device-width" />
我正在使用@viewport CSS3(因为视口元对我来说不够灵活)。 我的设计是 960px 宽度。 当我使用 Google Chrome 开发工具并模拟 Samsung S4 时,效果非常好。 当我在 chrome 导航器中打开我真正的三星 S4 设备上的页面时,看起来这个 CSS 规则没有应用(我清空了我的三星 S4 chrome 缓存)
为什么这在 Chrome 模拟上可以正常工作,但在设备上却不行?
@media screen and (min-width: 320px) {
@viewport {
width: 960px;
orientation:landscape;
}
}
我从 here 中提取了这个答案。
尝试在 HTML 文档的 <head>
中添加 <meta name="viewport" content="width=device-width" />