现在，我的DIV的宽度是100％。它在移动设备上很棒。它伸展，不需要用户向左或向右滚动。它只是“适合”。
但是，在一台大显示器上...... DIV伸出来了，浮动的所有东西：左边是左边，而所有的浮动：右边都是向右边！
我想要一个样式解决方案。我可以在这个div中添加什么属性，以便当人们在桌面上查看它时，最大值为500px（仍然保持移动性的弹性）？
顺便说一句，我想要移动+桌面的相同模板。 （让事情变得简单）
感谢。
答案 0 :(得分：4)
使用以下CSS：
max-width: 500px;
正如在另一个答案中所说的，早期版本的Internet Explorer不支持它（如果我是正确的话，＆lt; = 6），但它可以在大多数（如果不是所有）移动浏览器中使用，因为大多数（iPhone， Android，Palm Pre）使用WebKit引擎，Opera Mini和Mobile也支持它。
答案 1 :(得分：1)
您正在寻找max-width：
<div style="width: 100%; max-width: 500px">
应该做的。
但它在IE＆lt; = 6中不起作用，我不知道移动浏览器支持 - 请务必测试。 Quirksmode compatibility table
更新：Opera Mini和Safari Mobile definitely support it.