如何为手机和桌面设置宽度？答案

【问题标题】：How do I set a width for the mobile AND the desktop?如何为手机和桌面设置宽度？
【发布时间】：2010-02-20 09:46:41
【问题描述】：

现在，我的 DIV 的宽度是 100%。在手机上很棒。它可以拉伸，并且不需要用户向左或向右滚动。它只是“适合”。

但是，在大显示器上……DIV 被拉长了，float:left 上的所有东西都在左边，而所有 float:right 都在右边！

我想要一个样式解决方案。我可以在这个 div 中添加什么属性，这样当人们在桌面上查看它时，它的最大尺寸为 500 像素（并且在移动设备上仍然保持弹性）？

顺便说一句，我想要移动 + 桌面的相同模板。（让事情变得简单）

谢谢。

【问题讨论】：

【解决方案1】：

使用以下 CSS：

max-width: 500px;

正如另一个答案中所说，早期版本的 Internet Explorer 不支持它（如果我是正确的，则

【讨论】：

【解决方案2】：

您正在寻找max-width:

<div style="width: 100%; max-width: 500px">

应该做的工作。

不过，它在 IE Quirksmode compatibility table

更新：Opera Mini 和 Safari Mobile definitely support it.

【讨论】：