Question

今天html页面的标准宽度是多少？我知道它改变了10年前人们有不同的监视器等。到2009年是什么时候？

谢谢！

Answer 1

稍微小于1024像素，以容纳滚动条。 960很受欢迎，因为它很容易被许多其他数字整除，以制作网格布局。

Answer 2

取决于观众。这也许是一个重复的问题，因为我之前已经回答过了。基本上我认为美国消费者的目标是1024 px宽度，国际和企业用户宽度为800 px。

Answer 3

我会做1024x768，但请确保它可以缩放，或者显示800x600中最重要的项目

Answer 4

您通常使用1024x768

安全

Answer 5

当我开发新页面时，我通常会尝试设计至少1024x768。似乎是最普遍使用的解决方案。

根据谷歌分析（无论如何，在我的网页上），人们使用800x600仍有一些点击，但我并不太担心这个小百分比。

Answer 6

我认为将800x600作为最低分辨率是非常安全的。所以说760的瞄准或最小总宽度应该没问题。

Max是一个不同的故事;诸如960.gs之类的CSS框架用于整体固定最大值，但一般来说流体宽度也有很多说法。

流体的一个问题是，对于较大的分辨率，文本行会变得更长并且逐渐减少可读性，因此您可能会这样做：具有固定宽度的文本元素，可能为350到400px，其余为ems或百分比。 / p>

Answer 7

如有疑问，请复制雅虎。他们在一段时间后切换到最低1024x768的屏幕分辨率。我检查了我的专业网站上的分析，其中大部分已经＆lt;其中3％的用户基数为800x600。

同样考虑960px宽布局的流行度，如960 project所示。我说你的最低显示器分辨率是1024x768，除非你专门为八十多岁的人设计并且视力受损。

Answer 8

请记住，并非所有人都能最大化我们的网络浏览器。使它变得灵活。

Answer 9

你可能会喜欢一些代码？你去......

body
{
    margin: 0px;
    padding: 0px;
    font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
}

#mr-workspace
{
    width:982px;
    margin-right:auto;
    margin-left:auto;
}

#mr-top-pane
{
   position: relative;
   left: 0px;
   width:982px;
   background-color:#000000;
}

#mr-left-pane
{
   position: relative;
   float: left;
   left: 0px;
   width: 180px;
   background-color:#FF0000;
   min-height:600px;
}

#mr-center-pane
{
   position: relative;
   float: left;
   left: 0px;
   width: 560px;
   background-color:#EAEAEA;
   border-right:1px solid #666666;
   border-left:1px solid #666666;   
}

#mr-right-pane
{
   position: relative;
   float: left;
   left: 0px;
   width: 240px;
   background-color:#FF0000;
}

#mr-bottom-pane
{
   position:relative;
   left: 0px;
   width:982px;
   background-color:#999999;
   clear:both;
}

HTML CODE：

<div id="mr-workspace">
  <div id="mr-bodyContainer">
    <div id="mr-titlerow"></div>
      <div id="mr-mainarea">
        <div id="mr-top-pane">
          TOP
        </div>
      <div id="mr-left-pane">
      LEFT
      </div>
      <div id="mr-center-pane">
        <video src="movie.ogg" controls="controls">
             your browser does not support the video tag
        </video>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean at commodo nunc. Aliquam feugiat urna in ipsum varius et fermentum massa ullamcorper. Donec sed nisi quis lorem pharetra imperdiet. Quisque dictum vehicula ipsum ac laoreet. Morbi ultricies viverra rhoncus. In felis mauris, porttitor id imperdiet vitae, eleifend at elit. Donec consequat sodales odio et iaculis. Aliquam fringilla ipsum a magna convallis auctor. Etiam semper magna at urna egestas non tempor nunc consectetur. Nam vestibulum tincidunt odio vitae facilisis.</p>
      </div>
      <div id="mr-right-pane">
      RIGHT
      </div>
      <div id="mr-bottom-pane">
      Bottom
      </div>
    </div>
  </div>
</div>

HTML页面大小标准

9 个答案: