为所有屏幕分辨率设置网页

-2

我在asp.net中创建了一个网页。它在正常屏幕下正常工作。当在更宽的屏幕上显示时，侧面和底部都有很多空白区域。我如何适合所有屏幕尺寸的页面。我在前面的帖子中看到以％为单位设置宽度。但它不起作用。任何人都可以帮我解决这个问题吗？提前致谢。为所有屏幕分辨率设置网页

来源

2012-07-14 user1525762

你能更具体吗？尝试发布您正面临的html/css问题的jsfiddle（http://jsfiddle.net/）。这将帮助人们了解你的问题所在，并希望帮助你理解他们的答案。 – JackWink 2012-07-14 15:59:03

我承诺编写您的网站的整个HTML结构，如果你可以发布一些东西在JSFiddle中使用。好吧，我在开玩笑..但如果这不能激励你正确地解释你的问题，没有什么会:)干杯！ – AdityaSaxena 2012-07-14 17:27:09

通过定义顶部，右侧，底部和左侧CSS属性，您可以尝试根元素的绝对定位（从身体标记向下一步）。类似这样的： #page{ positioning: absolute; top: 0; right: 0; bottom: 0; left: 0; } 然后将其他元素放置在该根元素内。

来源

2012-07-14 16:11:18 Roman

我同意你需要更具体的试试这个CSS代码。

body{ 
width:100%; 
height:100%; 
}

然后你就可以创建一个固定的百分比宽度和高度容器的DIV你作为标题，侧边栏，主要内容，页脚...等网页，例如创建零件。

如果您正确使用％方法是最可行的方法。发布html/css/js的jsfiddle以获得特定帮助。

来源

2012-07-14 16:14:47 Shivam

你有两个选择：与背景

设置HTML或身体标签宽度为100％。然后将网站其余部分的容器设置为所需像素大小的最大宽度。这样可以防止你的网站看起来全部被拉长和混乱，但仍然可以解决空白问题。类似这样的：

body { 
background:#HEX url(images/2000pxwideimage.png); 
width:100%; 
} 

#wrapper { 
max-width:960px; 
}

您可以使用css3媒体查询根据屏幕宽度调整您的网站的布局。这样做的好处是，您可以适应更小和更大的屏幕尺寸，同时保持您的布局美观，在某些情况下可能意味着提供显着不同的CSS。一个例子可能是水平导航，在较小的屏幕尺寸下，您希望成为垂直导航以便于使用。这看起来像这样：

@media (min-width:960px) { 
/* Browser window must be at least 960px wide to get these rules */ 
} 

@media (max-width:320px) { 
/* Something similar to this would work for very small screens like phones */ 
}

来源

2012-07-14 18:12:54 imakeitpretty

为所有屏幕分辨率设置网页

回答

相关问题