如何设置手机和台式机的宽度？

Question

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

但是，在大显示器上... DIV伸展了，并且float：left上的所有内容都在左侧，而所有float：right都一直在右侧！

我想要一个样式解决方案。 我可以在此div中添加哪些属性，以便当人们在桌面上查看该div时，其最大分辨率为500px（并且仍然保持移动设备的弹性）？

顺便说一句，我想要用于移动+桌面的相同模板。 （使事情变得容易）

谢谢。

Answer 1

使用以下CSS：

max-width: 500px;

如另一个答案中所述，Internet Explorer的早期版本（如果我是正确的，<= 6）不支持该功能，但它在大多数（如果不是全部）移动浏览器中也可以使用，因为大多数浏览器（iPhone，Android，Palm Pre ）使用WebKit引擎，Opera Mini和Mobile也支持它。

Answer 2

您正在寻找max-width ：

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

应该做的工作。

但是，它在IE <= 6中不起作用，并且我不知道对移动浏览器的支持-请务必进行测试。 Quirksmode兼容性表

更新：Opera Mini和Safari Mobile 绝对支持它。