博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
HTML5头部标签中<meta>常用信息
阅读量:5037 次
发布时间:2019-06-12

本文共 850 字,大约阅读时间需要 2 分钟。

 整理一些平时常用的,方便查阅

移动设备使用添加 viewport

viewport 可以让布局在移动浏览器上显示的更好。 通常会写

content 参数:

  • width viewport 宽度(数值/device-width)
  • height viewport 高度(数值/device-height)
  • initial-scale 初始缩放比例
  • maximum-scale 最大缩放比例
  • minimum-scale 最小缩放比例
  • user-scalable 是否允许用户缩放(yes/no)
  • minimal-ui iOS 7.1 beta 2 中新增属性(注意:iOS8 中已经删除),可以在页面加载时最小化上下状态栏。这是一个布尔值,可以直接这样写:

而如果你的网站不是响应式的,请不要使用 initial-scale 或者禁用缩放。

适配 iPhone 6 和 iPhone 6plus 则需要写:

大部分 4.7~5 寸的安卓设备的 viewport 宽设为 360px,iPhone 6 上却是 375px,大部分 5.5 寸安卓机器(比如说三星 Note)的 viewport 宽为 400,iPhone 6 plus 上是 414px。

 

更多关于头部标签<head>里的内容请查看这位的博客

转载于:https://www.cnblogs.com/linh93/p/6808506.html

你可能感兴趣的文章
Android Studio 的常用设置
查看>>
Pythonic八荣八耻
查看>>
p2.BTC-数据结构
查看>>
封装自己的getClass
查看>>
python字符串的常用方法
查看>>
.net4.0、.net4.5、.net4.6 三者对系统的要求
查看>>
分布式下的session处理方式
查看>>
LeetCode(30) Substring with Concatenation of All Words
查看>>
哈夫曼编码问题再续(下篇)——优先队列求解
查看>>
炜煌E30 E31微型热敏打印机 STM32 串口驱动
查看>>
Swift 2 有哪些新特性
查看>>
[js]变量与数据类型篇
查看>>
[BZOJ2054] 疯狂的馒头 并查集
查看>>
js 正则表达式
查看>>
Eclipse新建Web应用,Server端口(8080,8005,8009)被占用解决办法
查看>>
Android Content Provider Guides
查看>>
线程结束的正确方式
查看>>
信息安全
查看>>
centos7防火墙查看、启动、停止、添加、移除端口
查看>>
solr添加IK分词和自己定义词库
查看>>