传统pc,通常会根据一定的分辨率设计视觉稿。随着技术的发展,移动端的尺寸越来越大,屏幕的像素越来越高,传统的开发方式面临着多分辨率的问题。
通过设置视口可以解决分辨率问题
将viewport的宽度设置为设备的宽度
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no" />
传统pc,通常会根据一定的分辨率设计视觉稿。随着技术的发展,移动端的尺寸越来越大,屏幕的像素越来越高,传统的开发方式面临着多分辨率的问题。
通过设置视口可以解决分辨率问题
将viewport的宽度设置为设备的宽度
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no" />