网站适合平板电脑的屏幕，视口不起作用？答案

【问题标题】：Website fit on screen for tablets, viewport not working?网站适合平板电脑的屏幕，视口不起作用？
【发布时间】：2013-11-25 19:55:09
【问题描述】：

我用 opencart 建立了一个网上商店，其主题最初是响应式的。但是，所有者希望所有平台上的网站都完全相同，所以我只是删除了一个单独的 responsive.css 文件并修复了这个问题。但是，我希望网站适合屏幕当我在平板电脑上打开它时。但这行不通。我的页面标题中有这个：

<meta name="viewport" content="width=device-width">

不应该解决它吗？谢谢！

【问题讨论】：

【解决方案1】：

试试这个：

<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width">

它对我有用。

【讨论】：

【解决方案2】：

使用下面的元代码希望它能解决您的问题

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
<meta name="viewport" content="width=device-width, initial-scale=1.0">

【讨论】：

这表示如果用户出于某种原因在页面的兼容模式下运行 IE，您将通过设置 X-UA-Compatible=EDGE 来覆盖它。这意味着如果您知道您的页面将使用最新标准显示得最好，即使用户已激活兼容模式，您也可以强制 IE 以边缘模式运行。作为一个额外的效果，当你设置 X-UA-Compatible=EDGE 时，IE 也会隐藏地址栏中的兼容性按钮。
我知道这意味着什么，我想知道为什么这会解决 OP 的问题以及为什么会与此相关（OP 谈论移动渲染，在平板电脑上，并且 - 通过查看标签 - 使用安卓）