Question

我的问题是关于设置元素大小的最佳方法，我应该在％或 px 中设置？

我正在做我的工作中的网络应用程序，我正在设置每个高度/宽度的百分比。这是最好的方法吗？

我认为最好是在各种显示器尺寸和分辨率以及跨浏览器上正确显示。

示例代码：

html
{
    height:100%;
}

body
{
    height:100%;
}

div.title
{
    background-color:Gray;
    padding:0;
    margin:0;
    float:left;
    width:100%;
}

form#ct101
{
    height:100%;
}

它一直在下降。

谢谢

Answer 1

这实际上取决于你想要做什么。例如，对于内容标记，我通常喜欢使用80-95％。如果我正在制作登录屏幕，我将使用30-40％或固定宽度，具体取决于页面其余部分的外观。

Answer 2

我知道这个问题已经过时了，但是在一个无关的谷歌搜索中没有得到答案......

只要表格是屏幕上的唯一内容，我会将高度保持在100％即可。这将真正独立于您的应用。宽度，另一方面......

使用@media，您可以为移动设备和桌面设备上的人设计表单。

示例：

@media screen and (max-width: 645px) {
form#ct101 {
width: 100%; 
} }
@media screen and (min-width: 646px) {
form#ct101 {
width: 600px; 
} }

这将使您的表单填满移动设备上的屏幕，以便它们有最大的空间来查看它们，然后在监视器上保持它们不那么大，因此表单输入不会很长。理论上，表单字段越长，填写时间就越长，并且会从表单中脱落/反弹。

CSS维度最佳实践 - 元素高度/宽度（像素或％）

2 个答案: