HTML 5和CSS样式更改屏幕大小

1my*_*myb 3 html5 css3 asp.net-mvc-3

很抱歉,如果这篇文章太多问题,但因为我在网页设计方面很弱,但我想在我的网站上做这些效果,你能不能告诉我如何做到这一点?

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

问题1:我可以知道如何在Asp MVC 3中调整大小的效果吗?当我们的网站侧边栏用户屏幕尺寸小于1280x800时,它将显示侧栏的单列.当用户屏幕尺寸大于1280x800时,它将显示两列侧边栏.

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

Ric*_*ape 5

调整页面布局的最佳方法是使用CSS Media查询调整视口的大小.在你做任何事之前,请阅读:

http://www.alistapart.com/articles/responsive-web-design/

它实际上是关于这个主题的圣经.

之后,请阅读规范:

http://www.w3.org/TR/css3-mediaqueries/

较少的CSS框架带有一组有用的媒体查询,我将其用作一个非常简单的框架:

http://lessframework.com/