移动端页面开发总结(一)
来源:互联网 发布:出数学试卷的软件 编辑:程序博客网 时间:2024/05/17 00:08
meta标签的相关知识
1、移动端页面设置视口宽度等于设备宽度,并禁止缩放。
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
2、移动端页面设置视口宽度等于定宽(如640px),并禁止缩放,常用于微信浏览器页面。
<meta name="viewport" content="width=640,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
3、禁止将页面中的数字识别为电话号码
<meta name="format-detection" content="telephone=no" />
4、忽略Android平台中对邮箱地址的识别
<meta name="format-detection" content="email=no" />
5、当网站添加到主屏幕快速启动方式,可隐藏地址栏,仅针对ios的safari
<meta name="apple-mobile-web-app-capable" content="yes" />
6、将网站添加到主屏幕快速启动方式,仅针对ios的safari顶端状态条的样式
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
html5 viewport模板
<html><head><meta charset="utf-8"><meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport"><meta content="yes" name="apple-mobile-web-app-capable"><meta content="black" name="apple-mobile-web-app-status-bar-style"><meta content="telephone=no" name="format-detection"><meta content="email=no" name="format-detection"><title>Document</title><link rel="stylesheet" href="index.css"></head><body> content...</body></html>
转载出处:柏龙博客
0 0
- 移动端页面开发总结(一)
- 移动端页面开发总结(一)
- 移动端页面开发总结(二)
- 移动端页面开发总结(二)
- 移动端页面开发资源总结
- 移动端页面开发资源总结
- 移动端页面开发资源总结
- 移动端HTML5页面开发相关总结
- 移动端开发总结(一)视口viewport总结
- 移动端页面开发
- 移动端页面开发
- 【移动开发】Android中WIFI开发总结(一)
- 【移动开发】Android中WIFI开发总结(一)
- 【移动开发】Android中WIFI开发总结(一)
- 【移动开发】Android中WIFI开发总结(一)
- 移动端页面开发(新手须知)
- 关于移动端页面开发(微信内置浏览器)总结
- 移动web页面前端开发总结
- Android PackageManagerService流程详细分析(四)之权限
- if(!a)
- ios swift UIwebView
- 各大开源框架地址
- Cocos2d-HTML5--人物动画
- 移动端页面开发总结(一)
- ssh初学
- "Error, some other host already uses address"的解决方法
- eclipse突然不自动提示了,几种情况如下所示
- Mac中MacPorts安装和使用
- SGI_sort,sort
- nginx的进程模型
- 大区间素数筛选(POJ 2689)
- React 组件之间 事件调用(子组件调用父亲组件)