发表日期：2018-02-07 17:41:56 文章编辑：互联网 浏览次数：3531
当你用手机浏览器打开传统网站是，手机会默认以980像素的大小显示页面，虽然可以显示全部，但是全部都缩小了，看起来非常不清晰，需要局部放大才能看清，这样的用户体验明显不能满足需求，于是网络教大家如何使用好viewport，不但safari浏览器，其他浏览器也支持，他可以让手机用固定的像素来显示页面，这样就可以完美解决这个问题。
那么如何使用viewport呢？viewport是网页meta中定义的，其主要作用是适合移动设备的屏幕大小。如以下代码
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0" />
该代码的作用是指定页面宽度为设备的宽度，缩放比例为1:1，不允许用户缩放大小。
其中width指定虚拟窗口的屏幕宽度大小
height指定虚拟窗口的屏幕高度大小
initial-scale指定初始缩放比例
maximum-scale指定允许用户缩放的最大比例
maximun-scale指定允许用户缩放的最小比例
user-scalable指定是否允许手动缩放
日期：2018-02-23 00:01:54浏览次数：2786
日期：2019-06-02 01:57:29浏览次数：3876
日期：2018-06-30 02:44:23浏览次数：4261
日期：2018-06-27 11:10:02浏览次数：4382
日期：2018-02-07 17:41:56浏览次数：3531
日期：2018-01-04 17:46:34浏览次数：4440
日期：2019-01-25 15:43:39浏览次数：3647
日期：2018-09-10 04:17:14浏览次数：2910
日期：2018-04-03 09:54:10浏览次数：2720
日期：2018-03-11 23:04:34浏览次数：2607
日期：2019-10-10 02:58:28浏览次数：5075
日期：2019-10-05 12:49:53浏览次数：4310
日期：2018-02-04 18:40:10浏览次数：2955
日期：2018-02-20 05:55:39浏览次数：3043
日期：2018-03-14 03:39:23浏览次数：3293
日期：2018-10-29 12:07:06浏览次数：2987
日期：2019-04-24 10:58:43浏览次数：3116
日期：2019-05-14 22:15:30浏览次数：3379
日期：2019-04-20 01:26:17浏览次数：2991
日期：2018-08-16 18:58:38浏览次数：3050
当前位置：
