简单viewport编码解决手机浏览器与传统网站的显示比例问题

一般而言，如果我们用手机浏览器打开传统的网站，手机默认会以980像素的大小显示页面。虽然可以显示全部内容，但相对而言所有的内容都进行了缩小，局部网页的清晰度也就大打折扣，总是需要不停地打开点击放大文件。这样的用户体验明显不能满足需求，所以今天汇鑫科技就来教一教大家如何使用好viewport，不仅仅让safari浏览器支持，同时也能适用到其他浏览器中。Viewport通过让手机用固定的像素来显示页面，来以完美解决上述问题。

那么接下来，就和汇鑫科技一起就如何使用viewport来展开探讨吧!

viewport是网页meta中定义的，其主要作用是适合移动设备的屏幕大小。如以下代码

 

content="width=device-width,initial-scale=1,user-scalable=0" />。该代码的作用是指定页面宽度为设备的宽度，缩放比例为1:1，不允许用户缩放大小。

其中width指定虚拟窗口的屏幕宽度大小。

height指定虚拟窗口的屏幕高度大小。

initial-scale指定初始缩放比例。

maximum-scale指定允许用户缩放的最大比例。

maximun-scale指定允许用户缩放的最小比例。

user-scalable指定是否允许手动缩放。

通过以上指令的设置，我们便能轻松解决手机浏览器与传统网站之间的显示问题了。相信看完上面的内容还是有一点小小的收获的，而汇鑫科技会在以后的时间一如既往地为大家提供更多更互联网、移动互联网及智能设备之间的专业知识

 

来源：http://www.huix.cn/article-details-388.html