網頁設計的桌面PC顯示器

Question

我建立我的web應用程序在我的筆記本電腦，但是當我瀏覽我的臺式電腦上的頁面的div佈局被扭曲得到扭曲。

我認爲解決的辦法是像240像素高度和div的寬度給人百分比而不是絕對數量。

您認爲如何？

你有其他的建議？

在此先感謝。

我所做的是：

<div style="height:240px;width:240px"></div> 

我想我要做的是：

<div style="height:100%;width:90%"></div> 

Answer 1

當使用相對大小 'PX'，而不是絕對的 'PT'，瀏覽器近似於根據對「放大」或文字大小」級別，瀏覽器版本等

用戶設置如果你絕對尺寸使用點（PT）的佈局DIV它可以改變你的佈局尺寸，你不應該看到基於瀏覽器的變化，屏幕分辨率等 嘗試

<div style="height:240pt;width:240pt"></div> 

上相對VS絕對的字體管理here

Answer 2

大參考你說的「扭曲」是什麼意思？它是否被包裝到下一行？這是我看到有任何失真的唯一方法。

如果你想保持固定的寬度，你只需要環繞別的東西，將強制執行的寬度。例如，如果你想2周的div並排側：

<div style="width: 800px"> 
    <div style="width: 300px; float: left;"></div> 
    <div style="width: 500px; float: left;"></div> 
</div> 

由於外部元件是800像素，並且內部元件不超過，如果屏幕比800像素較小它只是有一個水平滾動條，而你的div應該仍然愉快地彼此相鄰。請注意，如果您在任何div上設置了邊界或填充等設置，則會增加元素的寬度（和高度），因此請考慮這一點。