如何通过css3 实现响应式web设计：
分为三个步骤：（1）允许网页宽度自动调整。首先在页面头部中，我们需要加入这样一行： viewport是网页默认的宽度和高度，网页的宽度默认就等于自己屏幕宽度（width=device-width），并且原始缩放比例（initial-scale=1）为1.0，也就是网页初始大小占屏幕面积的100%。（2）流式布局。不使用绝对宽度布局和字体大小，也就是css中代码中，定义宽和高的时候不能使用px（width：px）只能使用百分比（width：%）或者（width：auto）定义高宽。定义字体大小也使用相对单位（em），不使用绝对单位（px）。（3）媒体查询（media query）@media only screen and （max-width：px）max-width就是当屏幕小于等于多少的时候执行而（min-widt）就是当屏幕大于等于多少的时候执行。
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/3108421.html
