【发布时间】：2015-09-30 14:51:22
【问题描述】：
基本问题
如何让网站在平板设备上的宽度为 100%。
有 java-script 选项可以检测屏幕大小并相应地重新调整 CSS。如果这是目前唯一的选择，我会接受，但使用 HTML5/CSS3 肯定会有更优雅的解决方案。
详细说明：
我不担心移动设备，因为应用程序非常详细，移动版本必须有更简单的选项。
问题出现了，因为平板电脑现在是高清的。所以在过去为 max-width:998px 设计一个站点是可以的，全高清的平板电脑不会显示为 100% 宽度，因为它显然会大于 998px。
我研究了缩放，但共识是它还没有真正得到支持。
终于
我是否应该开始设计我的页面以适应最大宽度：1280 像素，并让我的表单/表格宽度：100%？
目前我正在使用http://getbootstrap.com/，它很棒，但没有平板电脑检测库。我有针对不同尺寸设备的课程，但我想说的是，tablet=width 100%。
最后说明
如果不清楚，大多数示例都遵循<body><div class="container">...</div></body> 所以我在.container 之后是平板电脑上的 100% 宽度。
我目前 100% 达到 998 像素，但可能需要将其增加到 1200 像素，对此也有反馈意见。
编辑 1
我的投票范围太广了。您能否详细说明一下，因为我在发布之前已经搜索了数周。关于如何创建全宽平板电脑网站的内容很少。如果您想要示例，我可以创建一些页面。问题在于许多不同的解决方案。举个例子，我想要一个包含帐户/联系方式的页面或表单，并让它适合任何尺寸的平板电脑，如果我在 50 英寸的屏幕上打开页面，如果输入是宽度：百分比，它将无法工作。为什么限制为 max-width:998px，以尝试适合大多数桌面。但是平板电脑，尽管分辨率很高，但屏幕很小，全宽看起来很完美。
【问题讨论】：
-
<meta name="viewport" content="initial-scale=1, maximum-scale=1">..developer.mozilla.org/en/docs/Mozilla/Mobile/Viewport_meta_tag -
对关于 100% 宽度容器（设置 max-widt）的问题表示“是”。并且不要忘记添加
-
谢谢。当我提到缩放时，我也应该说缩放。根据您的参考“宽度属性控制视口的大小。”所以我假设如果你有 width=device-width 根据示例 .container:width:100% 将始终为 100%。但这并不能解决移动或桌面更改..
-
@AlvaroMenéndez 您的回应是来自经验吗？正如我所说，如果我将宽度 100% 设置为 998 甚至 1200，这并不能解决我的问题，因为我希望它 100% 在平板电脑上。当您旋转平板电脑时，它会变得比桌面小，因此 CSS 会混淆..
-
@BradleyForster 如果您使用
width: 100%和max-width: 1200px;的组合，您可能不会遇到小于1200px 的设备的问题，因为它只会拉伸到100%。