移动web开发-------meta

<meta content=”width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0″ name=”viewport” />

强制让文档的宽度与设备的宽度保持1:1，并且文档最大的宽度比例是1.0，且不允许用户点击屏幕放大浏览；尤其要注意的是content里多个属性的设置一定要用分号+空格来隔开，如果不规范将不会起作用。

其中：
width – viewport的宽度
height – viewport的高度
initial-scale – 初始的缩放比例
minimum-scale – 允许用户缩放到的最小比例
maximum-scale – 允许用户缩放到的最大比例
user-scalable – 用户是否可以手动缩放

<meta content=”yes” name=”apple-mobile-web-app-capable” />

iphone设备中的safari私有meta标签，它表示：允许全屏模式浏览；

<meta content=”black” name=”apple-mobile-web-app-status-bar-style” />

iphone的私有标签，它指定的iphone中safari顶端的状态条的样式；

<meta content=”telephone=no” name=”format-detection” />

告诉设备忽略将页面中的数字识别为电话号码　

<meta content="email=no" name="format-detection"/>

告诉设备忽略将页面中的邮箱识别为email

转载于:https://www.cnblogs.com/xiaofenguo/p/6068328.html

移动web开发-------meta相关推荐

移动web开发meta标签的使用
一.meta标签 html代码中最关键的就是meta标签设置,开发移动端页面首先一定要设置viewport (可视区域) device-width - 设备的宽度 initial-scale - 初始 ...
038——VUE中组件之WEB开发中组件使用场景与定义组件的方式
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8" ...
谈谈WEB开发中的苦大难字符集问题
记得刚做javaweb开发的时候被这个编码问题搞得晕头转向,经常稀里糊涂的编码正常了一会编码又乱了.那个时候迫于项目进度大多都是知其然不知其所以然.后来有时间就把整个体系搞了个遍,终于摸通了来龙去脉. ...
移动 Web 开发技巧
最近一直有人问,移动端的页面怎么写啊?要注意什么啊?和PC页面有什么区别?-- 就会有很多的疑问.其实要我回答这些问题可能也不知道怎么回答小伙伴.我也没有专门学习过移动端的制作,大部分都是工作后慢慢 ...
轻松掌握移动端web开发【尺寸适配】常用解决方案
本文主要针对初学移动端web开发的读者,笔者也是初学者,文中有众多用词不当之处望读者指正. 前言从开始做web app开发到现在,一直对移动端的尺寸适配有一种模糊的概念.能说得上来'媒体查询','栅 ...
java web编码详解_java web 开发编码问题详解
java web 开发编码问题详解浏览器 IE/FireFox ------------->Servlet容器-------------------------->显示页面编码 ...
移动端web开发分享
移动端web开发浪潮兴起之时,千呼万唤shi出来,在团队内部做的一个分享,以下是写ppt时列出的摘要,时间-2013/09/20 I.前端这个行当 a.发展史 b.前端基本技能介绍(html css ...
初学Java Web（2）——搭建Java Web开发环境
虽然说 html 和 css 等前端技术,是对于 Web 来说不可或缺的技术,但是毕竟更为简单一些,所以就不详细介绍了,没有基础的同学可以去菜鸟教程或者W3school进行自主学习,最好的方式还是做一 ...
利用 Bootstrap 进行快速 Web 开发
浏览器开发人员最后将其支持全都聚集在标准上,比如 HTML5.级联样式表 2 级 (CSS2) 和 CSS3.这些标准减少了浏览器行为自 Web 全面启动开始以来困扰开发人员和设计人员的许多不合理变化 ...

移动web开发-------meta

移动web开发-------meta相关推荐

最新文章

热门文章