时间:2021-05-08
手机浏览器是把页面放在一个虚拟的“窗口”(viewport)中,通常这个虚拟的“窗口”(viewport)比屏幕宽,这样就不用把每个网页挤到很小的窗口中(这样会破坏没有针对手机浏览器优化的网页的布局),用户可以通过平移和缩放来看网页的不同部分。移动版的Safari浏览器最新引进了viewport这个metatag,让网页开发者来控制viewport的大小和缩放,其他手机浏览器也基本支持。
Viewport基础
一个常用的针对移动网页优化过的页面的viewportmeta标签大致如下:
<metaname=”viewport”content=”width=device-width,initial-scale=1,maximum-scale=1″>
width:控制viewport的大小,可以指定的一个值,如果600,或者特殊的值,如device-width为设备的宽度(单位为缩放为100%时的CSS的像素)。
height:和width相对应,指定高度。
initial-scale:初始缩放比例,也即是当页面第一次load的时候缩放比例。
maximum-scale:允许用户缩放到的最大比例。
minimum-scale:允许用户缩放到的最小比例。
user-scalable:用户是否可以手动缩放yesorno
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
HTMLmetaviewport属性说明什么是Viewport手机浏览器是把页面放在一个虚拟的“窗口”(viewport)中,通常这个虚
Web前端是指以浏览器为解析工具,为用户呈现信息的交互媒介的页面。Web开发具体涉及整个页面图片、文字、广告以及flash的编辑设计,其主要设计模块有Web页面
移动前端中常说的viewport(视口)就是浏览器显示页面内容的屏幕区域。其中涉及几个重要概念是dip(device-independentpixel设备逻辑像
Web前端开发技术栈浏览器InternetExplorerChromeFirefoxSafariOperaEdgeNetscape协议HTTP/1.1链接会话授
网站制作中web前端开发注册页面怎么实现?javaweb开发中如何使用浏览器调试网页?如何用Java开发手机网页?下面就和小编一起来看看吧! web前端开