自适应网站建设之网页设计要怎么办?下面跟大家说下:
1.非必要:图片自适应
img标签的话,只需要设置 max-width: 100%;或width:100%。css加载的background-image如何自适应大小呢,其实CSS3中是可以实现的。
2.非必要:页面使用相对字体
在HTML页面上不要使用绝对字体(px),而要使用相对字体(em),对于大多数浏览器来说,通常用 em = px/16 换算。
3.布局宽度使用相对宽度。
网页总体框架可以使用绝对宽度,但往下的内容框架、侧栏等最好使用相对宽度,这样针对不同分辨率进行修改就方便。
4.在CSS文件尾部增加针对不同屏幕分辨率的规则。
5.在HTML头部增加viewport标签。
在网站HTML文件的开头,增加viewport meta标签告诉浏览器视口宽度等于设备屏幕宽度,且不进行初始缩放。
拓展阅读: