將像素轉換爲網頁中所有元素的百分比

Question

我已經使用頁面元素中的高度，寬度，左側，右側位置創建了具有固定位置的網頁。

在設計用戶界面上花費了近3天時間，現在我遇到了不同屏幕分辨率的問題。該頁面是高分辨率構建的，如果我在低分辨率屏幕上嘗試它，它會切斷部分屏幕。

有沒有辦法將頁面上的所有像素值轉換爲百分比，以適應用戶的屏幕分辨率？

Answer 1

這個想法很簡單。你需要容納寬度爲100％的容器，所有的孩子都應該加起來有100％（+/-任何填充/邊框）。我在這裏創建了一個例子

http://jsfiddle.net/fBXkQ/（你可以改變視口，它會自行調節）

<ul style="width:100%"> 
    <li style="width:50%"></li> 
    <li style="width:50%"></li> 

</ul> 

內嵌樣式是隻是舉例，但儘量不要使用。檢查小提琴。

檢查是否解決您的問題。但是，您可能需要將最小寬度設置爲某個值，以確保它不縮小到低於該閾值寬度。