摘要: 1、自适应页面:能使页面自适应显示在不同大小终端设备上的页面。2、响应式布局:一个网站能够兼容多个终端,而不是为每个终端都做一个特定的版本,实现响应式布局的方法:bootstrap和CSS原生代码两种方法。3、CSS原生代码是通过@Media媒体查询,改变屏幕宽度使其自适应。4、响应式布局中:单位1 阅读全文
posted @ 2016-09-25 21:19 杜润慈前端博客 阅读(155) 评论(0) 推荐(0) 编辑
摘要: 1、 在HTML头部增加viewport标签 在网站HTML文件的开头,增加viewport meta标签告诉浏览器视口宽度等于设备屏幕 宽度,且不进行初始缩放。这行代码的意思是,网页宽度默认等于屏幕宽度(width=device-width),原始缩放比例(initial-scale=1)为1.0 阅读全文
posted @ 2016-09-25 21:16 杜润慈前端博客 阅读(614) 评论(0) 推荐(0) 编辑