无锡网络公司主营:微信公众号开发 视频主持人无锡网站建设无锡网站推广、400电话、淘宝店铺装修

无锡网站建设 >建站套餐

您当前的位置:明翔网络首页 >最新动态

建站套餐
功能开发
网站维护
网站推广
用户体验
域名主机
网络服务

用meta标签viewport解决手机页面缩放异常问题


『作者:明翔 』『2017/5/12』
    viewport:词典原义是视角、视口、检测区。而网页制作中meta标签的viewport属性是什么含义、使用语法是什么,下面简单了解下。
    页面viewport:它在页面中设置,是应对手机模式访问网站设计、网页对屏幕而做的一些设置。通常手机浏览器打开页面后,会把页面放在一个虚拟的“窗口”--这个比窗口大,也就是你常发现页面可以进行拖动、放大放小,这个窗口即viewport,meta的这个viewport属性基本所有手机浏览器皆支持。
    viewport使用语法:
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    viewport的属性含义如下:
    1、width : 控制viewport的大小,可以指定一个值,如600, 或者特殊的值,如device-width为设备的宽度(单位为缩放为100%的CSS的像素)
    2、height : 和width相对应,指定高度
    3、initial-scale : 初始缩放比例,页面第一次加载时的缩放比例
    4、maximum-scale : 允许用户缩放到的最大比例,范围从0到10.0
    5、minimum-scale : 允许用户缩放到的最小比例,范围从0到10.0
    6、user-scalable : 用户是否可以手动缩放,值可以是:①yes、 true允许用户缩放;②no、false不允许用户缩放

tags:

上一篇谷歌输入法支持自主更换背景啦
文章作者:明翔
本文地址:http://www.seopets.com/news.asp?id=560
版权所有-转载时必须以链接形式注明作者和原始出处!

主机租用
无锡明翔网络保证提供给客户的虚拟主机速度快、稳定,虚拟主机由中国频道提供服务器配置。
企业邮局
自主管理邮箱设定支持别名及邮件分组列表功能,传输加密收发可靠,安全及反攻击设备
网络推广
百度优化推广是一种自然正规的网络网络推广方式,价格和竞价相比便宜和竞价相比便宜。
域名注册
IDN(国际化域名名称)标准,全面支持A、CNAME、MX记录及URL转发,拥有全部域名管理权。

Copyright 2009-2014 All Rights Reserved @ 明翔网络 地址:无锡市新区旺庄路
邮政编码:214000 客服电话:180-3629-6280 经营性许可证:苏ICP备11043233号 客服邮箱:admin@seopets.com