android 手机头提示消息,正确的手机头部声明（android，iphone）

xxxx

这里面有个meta标签很重要，viewport。

1.什么Viewport？

手机浏览器是把页面放在一个虚拟的“窗口”(viewport)中，通常这个虚拟的“窗口”(viewport)比屏幕宽，这样就不用把每个网页挤到很小的窗口中(这样会破坏没有针对手机浏览器优化的网页的布局)，用户可以通过平移和缩放来看网页的不同部分。移动版的Safari浏览器最新引进了viewport这个meta tag，让网页开发者来控制viewport的大小和缩放，其他手机浏览器也基本支持。

Viewport的meta标签

注意在内容之前在HEAD标签内有一个viewport的meta标签设定了浏览器怎样展示页面的缩放等级和范围。如果没有设置的话，许多移动设备的浏览器会使用一个“虚拟的”页面宽度，大约是900PX宽，使得桌面的网站工作的也很好，但是这样屏幕看起来是缩小的而且太宽了。通过设置viewport属性为content="width=device- width, initial-scale=1，会使宽度会被设定为设备的屏幕宽度。

这个设置没有没有禁用用户缩放页面的权限，使得可访问性非常好。但是在iOS设备上有一个小问题，就是旋转屏幕的时候，这个viewport的设定没有设置宽度，在将来的版本我们希望能修正。如果有需求的话，你可以设定viewport 的其他的属性来禁用缩放。

2.一般的写法一个常用的针对移动网页优化过的页面的viewport meta标签大致如下：

width：控制viewport的大小，可以指定的一个值，如果600，或者特殊的值，如device - width为设备的宽度(单位为缩放为100 % 时的CSS的像素)。

height：和width相对应，指定高度。

initial - scale：初始缩放比例，也即是当页面第一次load的时候缩放比例。

maximum - scale：允许用户缩放到的最大比例。

minimum - scale：允许用户缩放到的最小比例。

user - scalable：用户是否可以手动缩放

android 手机头提示消息,正确的手机头部声明（android，iphone）相关推荐

android通知栏设置,android系统通知栏提示消息
在使用android手机时,大家一定都会接触过系统通知栏提示的消息,如图... 我们在开发android程序时也经常会用到这个技术,先奉上初始化的函数一个 private void initNotif ...
诺基亚7 刷android p,诺基亚真良心：所有手机先升 Android O，再升 Android P
原标题:诺基亚真良心:所有手机先升 Android O,再升 Android P 不管是 iOS 11 还是更早一点的 Android O,这些系统在发布后,众多的老机型用户都对自己的手机能用上最新系 ...
android版点击下载,暴雪游戏手机安全令Android版下载与使用说明
全新设计的手机安全令已正式上线!界面更加优美,更具现代气息.此外,每次载入数字密码时,都可以看到暴雪系列游戏的主题画作. 当您使用暴雪游戏手机安全令时,我们强烈建议您同时添加暴雪游戏短信安全保护服务. ...
android手游直播怎么推流,安卓手机直播，Total Control手游投屏教程
安卓手机直播,Total Control手游投屏教程作者:小葫芦直播管家来源:小葫芦时间:2018-04-27 10:57 手游主播们,安卓手机投屏直播,你们都学会了吗? 是时候表演真正的技术了 ...
android手机能用ios吗,安卓手机真的可以刷苹果iOS系统吗？
最近有很多粉丝来问小智,说是小米手机刷入了IOS系统,又说一加手机刷入了IOS系统,问自己的手机可不可以也刷入IOS系统,其实和小智一样懂的人都知道,那些都是图片刷机大法,就是在iPhone上截图,然 ...
android手游内存不足,为什么安卓手机内存越来越小,恢复出厂设置内存不足-
当我们的安卓手机老是提示内存不足的时候,该怎么办呢?其实不用担心,下面就由学习啦小编来给你们说说安卓手机老是提示内存不足的解决方法吧,希望可以帮到你们哦!安卓手机老是提示内存不足的解决方法一:第一步, ...
ubuntu安装android应用程序,Anbox将使Ubuntu手机能运行Android应用程序
就在支持Ubuntu Phone设备的OTA-3软件更新发布两天之后,Ubuntu Touch维护者UBports现在开始为用户提供即将到来的Android应用程序支持. 还记得Anbox(Andro ...
wps android 版参数控制介绍,最强手机办公软件 Android版金山WPS首评测
[天极网手机频道]从智能手机在市场流行那一刻开始,注定在我们的生活工作将发生重大改变,对于智能手机来说强大的硬件支持与智能平台的兼容行决定在,手机的各项功能已经逐步趋于PC化,而对于日常上班族来说,随 ...
android判断银行卡号格式不正确的是什么意思,android银行卡号验证算法详解
现行 16 位银联卡现行卡号开头 6 位是 622126-622925 之间的,7 到 15 位是银行自定义的, 可能是发卡分行,发卡网点,发卡序号,第 16 位是校验码. 16 位卡号校验位采用 L ...
Android手机上的SSL连接错误怎么解决？
SSL连接错误已经逐渐成为Android设备上最常见的问题之一,通常我们会收到提醒"您的连接不是私密的"."此站点证书不受信任"等等.这些安全提示甚至会出现在最 ...

android 手机头提示消息,正确的手机头部声明（android，iphone）

android 手机头提示消息,正确的手机头部声明（android，iphone）相关推荐

最新文章

热门文章