专题文章
时长:00:00更新时间:2023-05-11 22:59:43
响应式开发即自适应网页开发,在不同的分辨率下显示网页的内容。响应式的核心优势在于设计者可以为所有设备使用同一种模板,只需要用css来制定内容在各种大小屏幕上的呈现方式。响应式网页的组成;响应式页面的实现其实并不算困难,用到的也都是大家比较熟悉的一些技术。(1)Media Query。Media Query的主要作用是根据不同的分辨率去调整一些不同的样式。由于目前主流的移动设备都基于ios和Android,这两者的自带浏览器都是webkit内核,因此可以使用viewport属性和Media Query技术实现响应式网页。通过这一方法,我们能实现让基准字号font-size在不同分辨率下显示不一样的内容。(2)Fluid grid。
查看详情