响应式网站
2023-08-11 加入收藏
(1) 分析网站, 删减冗余内容。根据移动终端设备受网络和屏幕尺寸限制的特点, 其浏览的网页应是最精简的。这就要求我们对原有PC网站进行分析, 舍弃页面中起修饰修饰作用, 以及次要的内容, 保留页面的核心内容。
(2) 编写适合于移动终端显示的样式表。精简网站的内容之后, 即可编写适合移动终端浏览的CSS样式表。编写时需注意两个要点:其一, 对于舍弃的内容, 可通过display:none属性值对进行设置, 将其隐藏掉;其二, 用于布局的div模块, 宽度都使用百分比进行设置, 实现自适应宽度的流体布局。
(3) 根据客户端屏幕尺寸大小, 自动应用样式表。在网页页头中的link标签, 使用CSS3的media query设置功能, 让页面能根据不同设备屏幕尺寸, 自动加载对应的样式表。
响应式网站通过使用流体布局、媒体查询等技术制作网页, 使得网页能够自适应不同的终端设备。它是目前构建兼容PC和智能移动设备网站的最佳方案, 也是Web设计的趋势。 本文地址:http://www.xmwlmr.com//article/27542.html