理想视口 ideal viewpoint
为了使网站在移动端有最理想的浏览和阅读宽度而设定....背景缩放 background-size
语法:
background-size: 宽度 高度;
假如有两个值,那么就是直接拉大或缩小图片,如果是只有一个值,那就必然是宽度,高度默认不变,所以是按照宽度等比例缩放...的区别:
cover是一定要让图片铺满整个背景区域:比如图片当中,宽度其实已经到了,但是图片还是一直放大知道高度也够到,即使后面宽度已经超出....contain: contain只要宽度或者高度一条边够到了就可以:图片中,宽度已经达到了所以不再继续放大.
04
移动端开发选择
单独移动端页面(主流)
通常情况下,网站域名前面加m(mobile...响应式兼容PC移动端
比如三星官网,通过判断屏幕宽度来改变样式,以适应不同终端.
缺点:
制作麻烦,需要花很大精力去调兼容性问题.