浏览器支持CSS宽度1000px

时间:2011-11-29 19:35:30

标签: css browser width

是否有任何不常用的浏览器不支持宽度1000px加上右滚动?

注意:“支持”是指“如果它支持1000px宽度而不在底部创建水平滚动”(很抱歉没有在开头解释这个)

例如IE7怎么样?

我不想得到底部卷轴......

我知道如果侧面没有空间,它可能在1024个屏幕上看起来很糟糕。

我正在添加一个示例,以便您更好地理解:

询问的原因是因为我不希望在广泛使用的浏览器中在我的网站上获得横向滚动。我没有安装任何旧的IE版本,所以我不能自己测试它。

请注意,3000px高度div将导致向右滚动...所以“浏览器窗口宽度”必须至少为1000px宽才能工作(1024减去右滚动(减去左边框))

<!DOCTYPE html>
<html>
<head>
<title>Untitled Document</title>
</head>
<body style="margin:0">
<div style="width:1000px;height:3000px">Will this div creat a horizontal scroll bar in any widly used browser, with window size of 1024 x 768px <? What about Internet Explorer 7 and Internet Explorer 8?</div>
</body>
</html>

4 个答案:

答案 0 :(得分:1)

他们都这样做,更多的是监控用户的问题。大多数网站使用960px宽,主要是因为它适用于1024宽的显示器,并且它可以被许多因素整除,使得它具有平衡的多列布局。

你可以安全地达到大约980px。

答案 1 :(得分:0)

我认为960像素是广泛接受的网站布局标准,但980也很常见。 1000可能是几个像素太多。

答案 2 :(得分:0)

实际上,您使用的是哪种浏览器,但屏幕分辨率和浏览器窗口的大小无关紧要。

分辨率为1024x768,宽度= 980px(没有侧边填充),不会创建滚动条

答案 3 :(得分:0)

所有浏览器都支持您想要的宽度。

您真正关心的是屏幕分辨率和当前浏览器窗口的实际视口宽度。例如,我的2个屏幕给我一个有效的屏幕宽度1920 + 1920 = 3840像素,但我从来没有最大化我的浏览器,所以视口更像800像素宽。 (我讨厌960px网格)

有关制作真正宽度自适应布局的讨论,请参阅文章Responsive Web Design


答案不会随着您对问题的更新而改变。答案仍然是:

All browsers support whatever width you want.

如果您有足够的屏幕空间可以使浏览器窗口足够宽,它将显示没有滚动条的任何宽度页面。

  

例如IE7怎么样?

由于我可以将IE 7窗口(或IE 8或9)扩展为3000px宽,因此IE 7将显示1000px宽的页面而没有水平滚动条。因此,IE 7“支持”宽度为1000px而没有滚动条。从这个意义上讲, 所有浏览器都支持您想要的宽度。