css3 视口：适用于 chrome 模拟器，不适用于 android 手机答案

【问题标题】：css3 viewport : works on chrome simulator, not on android phonecss3 视口：适用于 chrome 模拟器，不适用于 android 手机
【发布时间】：2015-02-25 10:16:12
【问题描述】：

我正在使用@viewport CSS3（因为视口元对我来说不够灵活）。我的设计是 960px 宽度。当我使用谷歌 Chrome 开发工具并模拟三星 S4 时，效果很好。当我在 chrome 导航器中打开我真正的三星 S4 设备上的页面时，似乎没有应用这个 CSS 规则（我清空了我的三星 S4 chrome 缓存）

为什么这在 Chrome 模拟上可以正常工作，但在设备上却不行？

@media screen and (min-width: 320px)  {
   @viewport { 
    width: 960px; 
    orientation:landscape;
   }
}

【问题讨论】：

标签： html css google-chrome responsive-design media-queries

【解决方案1】：

我从here 中提取了这个答案。

尝试在 HTML 文档的 <head> 中添加 <meta name="viewport" content="width=device-width" />

【讨论】：