欢迎光临江苏一网通科技有限公司,公司主要服务网站SEO优化,企业高端网站开发定制!

咨询电话:17361814777 | XML地图

WEB THINK NEW

全球最新、最热的APP 和小程序新闻资讯

网站建设方法 网站推广方法

扬州网站开发公司介绍做手机移动网站必须要知道的viewport

发表时间:2020-05-17 09:32:36

  扬州网站建设公司一网通科技今天给您说一说手机站的小知识:当你用手机浏览器打开传统网站是,手机会默认以980像素的大小显示页面,虽然可以显示全部,但是全部都缩小了,看起来非常不清晰,需要局部放大才能看清,这样的用户体验明显不能满足需求,于是万维网络教大家如何使用好viewport,不但safari浏览器,其他浏览器也支持,他可以让手机用固定的像素来显示页面,这样就可以完美解决这个问题。

扬州网站开发公司介绍做手机移动网站必须要知道的viewport

  那么如何使用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指定是否允许手动缩放