较小的分辨率，内容试图适合

如果你当您访问当你缩小屏幕的尺寸顶栏内容溢出它的父股利和运行在该网站的其他注意...... http://www.thebattleforarcadia.com/construction/index.html。较小的分辨率，内容试图适合

我想要做的是，如果在情况下接收端的分辨率太小了，我想迫使他们不得不使用滚动条在底部，所以他们所看到的一切。只是这样网站才能正常显示。

任何编码的想法？

谢谢亚伦

来源

2011-08-21 Aaron Brewer

什么浏览器会出现这种情况吗？我没有看到它...... – Nayish

正常溢出属性用于此 – Jawad

添加...

min-width: 1260px;

在＃新闻集装箱 CSS规则。

您的网站将显示1280x * *分辨率罚款，但会出现在什么比这更小（宽）垂直滚动条。

也许你可以使最小宽度960像素，使文字在两行（推顶图形位）扩大？只是一个建议

编辑：下面是一个例子

#news-content { 
float: left; 
padding-left: 25px; 
padding-top: 12px; 
overflow: auto; 
padding-bottom: 20px; 
} 
#news-container { 
width: 100%; 
background: url(images/news-background.png) repeat-x left bottom; 
z-index: 10; 
} 
#news-header { 
width: 150px; 
height: 23px; 
float: left; 
padding-left: 25px; 
}

上面的例子会使头部“展开”当分辨率不强制屏幕宽度< 1280px用户在使用垂直滚动条

来源

2011-08-21 17:30:42 Pantelis

非常感谢您，是的，我将该更改应用到＃news-container，但是一旦我将它缩小到非常小的尺寸，它看起来很奇怪。所以我所做的也是应用最小宽度：1260px;到身体标签。现在它工作/看起来不错！非常感谢你！ –

给收缩body元素或任何其他设置您想要的min-width与之相匹配的宽度的元素。这应该确保每当页面被在一个较小的分辨率查看水平滚动条

在这里看到Commonly used pixel sizes for webpages and their pros/cons。

来源

2011-08-21 17:30:47 Nayish

非常感谢，我不得不用下面的答案来实现这个答案。 –

较小的分辨率，内容试图适合

回答

相关问题