欢迎您光临深圳塔灯网络科技有限公司!
电话图标 余先生:13699882642

网站百科

为您解码网站建设的点点滴滴

wap网页自适应宽度

发表日期:2019-09 文章编辑:小灯 浏览次数:884

Html head 标签当中加入viewport标签

<metaname="viewport"content="width=100%; initial-scale=1.0; maximum-scale=1.0;user-scalable=0;" />

关键属性:viewport
什么是viewport
手机浏览器是把页面放在一个虚拟的“窗口”(viewport)中,通常这个虚拟的“窗口”(viewport)比屏幕宽,这样就不用把每个网页挤到很小的窗口中,这样会破坏没有针对手机浏览器优化的网页的布局,用户可以通过平移和缩放来看网页的不同部分。手机浏览器也基本支持。
Viewport属性介绍width - viewport的宽度initial-scale - 初始的缩放比例maximum-scale - 允许用户缩放到的最大比例user-scalable - 用户是否可以手动缩放

         另外body内容以table方式布局,可以保证不同分辨率自适应后的美观。


本页内容由塔灯网络科技有限公司通过网络收集编辑所得,所有资料仅供用户学习参考,本站不拥有所有权,如您认为本网页中由涉嫌抄袭的内容,请及时与我们联系,并提供相关证据,工作人员会在5工作日内联系您,一经查实,本站立刻删除侵权内容。本文链接:http://dengtar.com/20954.html
相关企业建站知识
 八年  行业经验

多一份参考,总有益处

联系深圳网站公司塔灯网络,免费获得网站建设方案及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

业务热线:余经理:13699882642

Copyright ? 2013-2018 Tadeng NetWork Technology Co., LTD. All Rights Reserved.