为什么要做viewport适配呢?
1、手机厂商在生产手机的时候,很大一部分的页面宽度是980px;
2、一般手机的实际视口宽度都小于980px,例如:iPhone为375px;
3、需求:需要将980px的页面显示在375px的屏幕上并且没有滚动条;
实现需求:
<meta name="viewport" content="width=device-width,initial-scale=1.0"></meta>
注:将视口宽度赋值给布局宽度,并且缩放比为1:1,就可以实现;
为什么要做viewport适配呢?
1、手机厂商在生产手机的时候,很大一部分的页面宽度是980px;
2、一般手机的实际视口宽度都小于980px,例如:iPhone为375px;
3、需求:需要将980px的页面显示在375px的屏幕上并且没有滚动条;
实现需求:
<meta name="viewport" content="width=device-width,initial-scale=1.0"></meta>
注:将视口宽度赋值给布局宽度,并且缩放比为1:1,就可以实现;