收藏本站|设为首页

您现在的位置: 首页 > 新闻中心 > 网页设计 > 详细内容

自适应网站建设之网页设计要怎么办?

2016-06-25 17:21 来源: 卓杰科技(www.zhuojie.cc) [ ]

自适应网站建设网页设计要怎么办?下面跟大家说下:

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标签告诉浏览器视口宽度等于设备屏幕宽度,且不进行初始缩放。

 

拓展阅读:

跟大家谈下关于网站建设之网站使用分页

跟大家分享下网站建设之有关网站栏目设计及布局规划知识

网站建设中的网页设计技巧有哪些?

本页关键词:自适应网站建设 自适应网页设计

上一篇:已经是最后一篇 下一篇:跟大家谈下关于网站建设之网站使用分页