Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/77.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
html页面大小标准_Html - Fatal编程技术网

html页面大小标准

html页面大小标准,html,Html,现在html页面的标准宽度是多少? 我知道这和10年前不同,当时人们有不同的显示器等等。 2009年是什么时候 谢谢 您使用1024x768通常是安全的您使用1024x768通常是安全的取决于观众。这可能是一个重复的问题,因为我以前已经回答过了。基本上,我认为美国消费者的目标是1024像素宽,国际和公司用户的目标是800像素宽。取决于观众。这可能是一个重复的问题,因为我以前已经回答过了。基本上,我认为美国消费者的目标可以是1024像素宽,国际和公司用户的目标可以是800像素宽。稍微小于1024像

现在html页面的标准宽度是多少? 我知道这和10年前不同,当时人们有不同的显示器等等。 2009年是什么时候


谢谢

您使用1024x768通常是安全的

您使用1024x768通常是安全的

取决于观众。这可能是一个重复的问题,因为我以前已经回答过了。基本上,我认为美国消费者的目标是1024像素宽,国际和公司用户的目标是800像素宽。

取决于观众。这可能是一个重复的问题,因为我以前已经回答过了。基本上,我认为美国消费者的目标可以是1024像素宽,国际和公司用户的目标可以是800像素宽。

稍微小于1024像素,以适应滚动条。960很受欢迎,因为它很容易被许多其他数字整除,从而形成网格布局。

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

当我开发新页面时,我通常尝试设计最小1024x768。似乎是最普遍使用的决议


根据Google Analytics(无论如何,在我的页面上)的数据,人们使用800x600仍有一些点击率,但我并不太担心这一小百分比。当我开发新页面时,我通常会尝试至少设计1024x768。似乎是最普遍使用的决议


根据Google Analytics(无论如何在我的页面上)的数据,人们使用800x600仍然有一些点击率,但我并不太担心这一小部分。我会做1024x768,但要确保它可以缩放,或者显示800x600中最重要的项目。

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

我认为假设800x600是最小分辨率是非常安全的。所以瞄准或者说最小总宽度760应该是可以的

马克斯是一个不同的故事;CSS框架,比如960.gs,追求的是总的固定最大值,但对于流体宽度,通常也有很多值得一提的地方


fluid的一个问题是,对于更大的分辨率,文本行变得更长,可读性也越来越差,因此您可以这样做:文本元素具有固定的宽度,可能是350到400px,其余以ems或百分比表示。

我认为假设800x600是最小分辨率是非常安全的。所以瞄准或者说最小总宽度760应该是可以的

马克斯是一个不同的故事;CSS框架,比如960.gs,追求的是总的固定最大值,但对于流体宽度,通常也有很多值得一提的地方


fluid的一个问题是,对于更大的分辨率,文本行变得更长,可读性也越来越差,因此您可以这样做:文本元素的宽度固定,可能是350到400px,其余的以ems或百分比表示。

如果有疑问,请复制Yahoo。前一段时间,他们切换到最低1024x768屏幕分辨率。我在我的专业网站上查看了分析结果,其中大多数网站的用户群小于3%,为800x600


也考虑了960px宽布局的流行性。我想说,你可以选择1024x768作为你的最低显示器分辨率,除非你是专门为80岁以上的人和视力受损的人设计的

如有疑问,请复制雅虎。前一段时间,他们切换到最低1024x768屏幕分辨率。我在我的专业网站上查看了分析结果,其中大多数网站的用户群小于3%,为800x600


也考虑了960px宽布局的流行性。我想说,你可以选择1024x768作为你的最低显示器分辨率,除非你是专门为80岁以上的人和视力受损的人设计的

请记住,并非所有人都能最大限度地利用web浏览器。使其灵活。

记住,并不是所有人都能最大限度地利用web浏览器。使其灵活。

您可能需要一些代码?给你

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代码:

<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>

顶部
左边
您的浏览器不支持视频标记
Lorem ipsum dolor sit amet,是一位杰出的献身者。康莫多农克的埃尼安。阿利夸姆·费吉亚特·乌尔纳产于乌拉姆科珀岛的益普生葡萄和发酵罐中。Donec将食物作为食物。这句话的意思是“同侧交通工具”。维韦拉·朗库斯乌尔里氏病。在felis mauris,porttitor id imperdiet vitae,Elite的eleifend。Donec Consequeat sodales odio et iaculis。阿利奎姆·弗林吉亚·伊普苏姆是一位大拍卖人。在乌尔纳埃古斯塔举行的非临时圣职典礼上举行。不,前庭是一个充满活力的场所

正确的 底部
您可能需要一些代码?给你

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代码:

<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>

顶部
左边
您的浏览器不支持视频标记
Lorem ipsum dolor sit amet,是一位杰出的献身者。康莫多农克的埃尼安。阿利夸姆·费吉亚特·乌尔纳产于乌拉姆科珀岛的益普生葡萄和发酵罐中。Donec将食物作为食物。这句话的意思是“同侧交通工具”。维韦拉·朗库斯乌尔里氏病。在felis mauris,porttitor id imperdiet vitae,Elite的eleifend。Donec Consequeat sodales odio et iaculis。阿利奎姆·弗林吉亚·伊普苏姆是一位大拍卖人。在乌尔纳埃古斯塔举行的非临时圣职典礼上举行。不,前庭是一个充满活力的场所

正确的 底部
大概66个字符是一行文字的建议最大宽度,虽然我个人不确定…我也不确定,350到400个字符正是我经验性喜欢的