如何設置手機和台式機的寬度？

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 絕對支持它。