将像素转换为网页中所有元素的百分比

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> 

内嵌样式是只是举例，但尽量不要使用。检查小提琴。

检查是否解决您的问题。但是，您可能需要将最小宽度设置为某个值，以确保它不缩小到低于该阈值宽度。