HTML 5和CSS样式在屏幕尺寸上的变化

对不起，如果这个帖子太多的问题，但因为我在网页设计薄弱，但我想在我的网站做到这些效果，请你让我知道如何做它？HTML 5和CSS样式在屏幕尺寸上的变化

首先...请访问此网站 http://net.tutsplus.com/

问题1：可我知道，我怎么可以在ASP MVC 3调整的影响？当我们的网站的侧栏用户屏幕尺寸小于1280x800时，它会显示单栏侧栏。当用户屏幕尺寸大于1280x800时，它将显示两栏侧栏。

问题2：当屏幕尺寸太小时，左侧的站点只会显示约20px的页边距。所有的图像和背景都将隐藏起来。就像在打开nettuts网站时重新调整浏览器的大小一样。

2011-03-17 1myb

问题2是一个陈述，而不是一个问题，我不确定它是否描述了你想要达到什么或想要停止什么。问题3与其他问题无关，应该将其分解为自己的问题。 – Quentin 2011-03-17 14:05:04

对不起XD我的意思是如何使它像那样？ – 1myb 2011-03-17 14:46:10

调整页面布局相对于它所显示的视口大小的最佳方法是使用CSS Media查询。在你做任何事情，请阅读本：

这实际上是关于这一主题的圣经。

之后，给出的规格读：

越少CSS框架提供了一系列有用的媒体查询，是我作为一个非常简单的框架使用：

2011-03-17 14:52:01 RichardTape

是的...我认为这是少框架！像IT = D，看到很多样本网站这样做！只是尼斯和Thx对所有...终于得到我的回答^^ – 1myb 2011-03-17 14:59:44

谢谢我期待这么多 – codelove 2012-06-28 17:39:34

对问题1的回答 这不是ASP而是JavaScript。基本上你需要一个脚本，每次调整浏览器大小时都会启动它。然后它应该检查新的视口宽度并修改边栏的一些CSS

2011-03-17 14:03:43

可以请你分享一些样品吗？ – 1myb 2011-03-17 14:47:44

它取决于定位属性：绝对，相对或固定。尝试使用百分比而不是绝对值，相对值或固定值。

否则尝试控制左边界，右边界，顶部和底部，并测试，测试和更多的测试，直到它得到你所期望的。

我自己一直在做这件事，而且总是工作。

2011-03-17 14:03:53 B4NZ41

回答