起因 因为越来越多的智能移动设备（ mobile, tablet device ）加入到互联网中来，移动互联网不再是独立的小网络了，而是成为了 internet 的重要组成部分。响应式网络设计 （ rwd / awd）的出现，目的是为移动设备提供更好的体验，并且整合从桌面到手机的各种屏幕尺寸和分辨率，用技术来使网页适应从小到大（现在到超大）的不同分辨率的屏幕。
注： responsive web design ＝ rwd，adaptive web design ＝ awd，下同设计
rwd：采用 css 的 media query 技术
流体布局（ fluid grids ）
自适应的图片/视频等资源素材
（为小、中、大屏幕做一些优化，目的是让任何尺寸的屏幕空间都能得到充分利用）
awd： css media query 技术（仅针对有限几种预设的屏幕尺寸设计）
用 javascript 来操作 html 内容
在服务器端操作 html 内容（比如为移动端减少内容，为桌面端提供更多内容）
设计思路 mobile first（从移动端开始，rwd ）：一切从最小屏幕的手机端开始（比如 iphone 的 320px ），先确定内容，然后逐级往大屏幕设计。不同于原来网页设计，总是从桌面电脑的 1024px 开始的。
以上就是css响应式布局是什么的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/3122060.html
