0

我的问题是关于设置元素大小的最佳方法，我应该将其设置为%还是px？

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

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

示例代码：

html
{
    height:100%;
}

body
{
    height:100%;
}

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

form#ct101
{
    height:100%;
}

它一直持续下去。

谢谢

4

2 回答 2

0

我知道这个问题很老，但在不相关的谷歌搜索中出现了未回答的问题......

只要表单是屏幕上唯一的东西，我会将高度保持在 100%，这将真正独立于您的应用程序。另一方面，宽度...

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

例子：

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

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

于 2012-08-06T14:04:50.933 回答
0

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

于 2011-04-24T02:17:43.570 回答