平板电脑上的全宽html正文

基本问题

如何让网站宽度：100%在平板电脑设备上

有java脚本选项可以检测屏幕大小并相应地重新调整CSS。如果这是目前唯一的选择，我会接受，但肯定有HTML5/CSS3更优雅的解决方案

详细说明：

我不担心移动设备，因为应用程序非常详细，移动版本必须有更简单的选项

问题来了，因为平板电脑现在是高清的。因此，设计一个最大宽度的站点：998px在过去是不错的，一个全高清平板电脑不会显示为100%宽度，因为它显然会大于998px

我已经研究过zoom，但一致认为它还没有得到真正的支持

最后

我应该开始设计我的页面以适应最大宽度：1280px，并且让我的表单/表格宽度：100%吗

目前，我正在使用它，这是惊人的，但没有一个平板电脑检测库。我有不同大小设备的课程，但我想说，平板电脑=宽度100%

最后一个音符

如果不清楚，大多数示例都遵循

…

，因此我希望

.container

在平板电脑上具有100%的宽度

我目前100%达到998px，但可能不得不将其增加到1200px，对此的反馈也会很好

编辑1

---

我投了太广泛的一票。你能详细说明一下吗？因为我在发布之前已经搜索了好几个星期了。关于如何创建全宽平板电脑网站的内容很少。如果你想要示例，我可以创建一些页面。问题是有太多不同的解决方案。例如，我希望在桌面上有一个包含帐户/联系人详细信息的页面或表单，并使其适合任何大小的平板电脑。如果我在50英寸的屏幕上打开页面，如果输入的宽度为：百分比，则无法工作。为什么它被限制为最大宽度：998px，以适应大多数台式机。但是平板电脑，不管分辨率如何，都是小屏幕，而且全宽看起来非常完美。

如果你使用的是引导，它会检测到它

进入css并检查注释，找到如下内容：

/* Small devices (tablets, 768px and up) */
@media (min-width: @screen-sm-min) { ... }

默认情况下，它是全宽度的，但是容器有一些边距，但无需担心，您可以随时重写这些类或使用

如果您想手动操作，平板电脑的全宽设置非常简单，只需将

容器

div设置为

宽度：100%

---

我的建议是：在bootstrap（可能还有cols）上自定义

.container

上的边距，使其具有全宽模板。

如果您使用bootstrap，它会对其进行检测

进入css并检查注释，找到如下内容：

/* Small devices (tablets, 768px and up) */
@media (min-width: @screen-sm-min) { ... }

默认情况下，它是全宽度的，但是容器有一些边距，但无需担心，您可以随时重写这些类或使用

如果您想手动操作，平板电脑的全宽设置非常简单，只需将

容器

div设置为

宽度：100%

---

我的建议是：自定义boostrap上

.container

的边距（可能还有cols），使其具有全宽模板。

。。关于100%宽度容器（设置最大宽度）的问题，答案是肯定的。别忘了加上谢谢。当我提到缩放时，我也应该说缩放。根据您的参考“width属性控制视口的大小”。因此，我假设，如果按照示例，您的宽度=设备宽度。容器：宽度：100%将始终为100%。但这并不能解决移动或桌面的变化。@AlvaroMenéndez您的反应来自经验吗？正如我所说，如果我将宽度100%设置为998甚至1200，这并不能解决我的问题，因为我希望在平板电脑上100%设置宽度。当你旋转平板电脑时，它会变得比桌面小，因此CSS会变得混乱。@BradleyForster如果你使用

宽度：100%

和

最大宽度：1200px

对于小于1200px的设备，您可能不会遇到问题，因为它只会扩展到100%。

。。关于100%宽度容器（设置最大宽度）的问题，答案是肯定的。别忘了加上谢谢。当我提到缩放时，我也应该说缩放。根据您的参考“width属性控制视口的大小”。因此，我假设，如果按照示例，您的宽度=设备宽度。容器：宽度：100%将始终为100%。但这并不能解决移动或桌面的变化。@AlvaroMenéndez您的反应来自经验吗？正如我所说，如果我将宽度100%设置为998甚至1200，这并不能解决我的问题，因为我希望在平板电脑上100%设置宽度。当你旋转平板电脑时，它会变得比桌面小，因此CSS会变得混乱。@BradleyForster如果你使用

宽度：100%

和

最大宽度：1200px对于小于1200px的设备，您可能不会遇到问题，因为它只能扩展到100%。