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" />