文档章节

关于移动端的<metra>

北极鳕鱼
 北极鳕鱼
发布于 2016/11/12 12:08
字数 281
阅读 11
收藏 1

<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />//自适应移动平台,能否缩放,用户能否改变尺寸

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

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

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

<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />

<meta name="apple-mobile-web-app-capable" content="yes" /><!-- 删除苹果默认的工具栏和菜单栏 -->

<meta name="apple-mobile-web-app-status-bar-style" content="black" /><!-- 设置苹果工具栏颜色 -->

<meta name="format-detection" content="telphone=no, email=no" /><!-- 忽略页面中的数字识别为电话,忽略email识别 -->

<!-- 启用360浏览器的极速模式(webkit) -->

<meta name="renderer" content="webkit">

<!-- 避免IE使用兼容模式 -->

<meta http-equiv="X-UA-Compatible" content="IE=edge">

<!-- 针对手持设备优化,主要是针对一些老的不识别viewport的浏览器,比如黑莓 -->

<meta name="HandheldFriendly" content="true">

<!-- 微软的老式浏览器 -->

<meta name="MobileOptimized" content="320">

<!-- uc强制竖屏 -->

<meta name="screen-orientation" content="portrait">

<!-- QQ强制竖屏 -->

<meta name="x5-orientation" content="portrait">

<!-- UC强制全屏 -->

<meta name="full-screen" content="yes">

<!-- QQ强制全屏 -->

<meta name="x5-fullscreen" content="true">

<!-- UC应用模式 -->

<meta name="browsermode" content="application">

<!-- QQ应用模式 -->

<meta name="x5-page-mode" content="app">

<!-- windows phone 点击无高光 -->

<meta name="msapplication-tap-highlight" content="no">

<!-- 适应移动端end -->

本文转载自:http://wenku.baidu.com/link?url=83B5I-xrK8RydVxOp9IjiPih8h1ggzUYb6orzZi46zy6fZyWFsKjM1e4yX3YGPCXhZgQ

共有 人打赏支持
北极鳕鱼
粉丝 13
博文 32
码字总数 13281
作品 0
西安
私信 提问
markdown for 蝉知 2.1.1,简单修复移动端展示

蝉知markdown编辑器于10月30日更新到2.0版本,但是由于系统设置原因(我的个人站点设置将移动端关闭了),导致测试移动端时自动跳转到了pc端,导致移动端使用会出现部分问题。 蝉知markdown编...

海诺者
2015/11/01
678
0
2018上海 Google 开发者大会第二天

今年的 Google 开发者大会,我是第二天才去参加的。 准确地说,是第二天中午赶过去蹭了一顿饭。今年的饭,比去年差了很多,去年好歹是自助餐。今年只有盒饭、一瓶水、一根香蕉、一袋薯片。 ...

fengzhizi715
09/22
0
0
关于在移动端 body overflow:hidden 无效的问题

关于在移动端 body overflow:hidden 无效的问题 一、简述 这篇文章作为一道前菜哈。 很多同学在做移动端的时候都有遇到移动端各种坑,各种固定fiexd失效,input输入框错位,软键盘弹出错位等...

Cc卿
06/01
0
0
关于网页区分pc端和移动端,以及移动端各种适配问题

各位有哪个开发过一个web网页,在PC端上是没问题,但现在需要支持移动端的访问,应该还需要再开发一套UI吧,那么关于移动端各种版本(android,ios等版本),以及屏幕分辨率,横屏,触屏等各...

赛末点
2014/01/02
6.2K
10
关于移动端的适配

写在前面 本文参考了大量关于移动端适配的资料 侵删 谢谢 基础介绍 在说明移动端的适配之前我们需要理解一个重要的东西 像素!! 像素 在移动端给一个元素设置时发生了什么?这里的px到底是多...

熊蛋子17
2017/12/31
0
0

没有更多内容

加载失败,请刷新页面

加载更多

腾讯与Github的魔幻会面背后的故事…

10月22日,腾讯开源管理办公室有幸邀请到Github新晋CEO Nat Friedman,前来鹅厂参观交流。目前腾讯已经有近70个项目在Github上开源,共获得17w stars,世界排名11位。Github是腾讯开源的主阵...

腾讯开源
20分钟前
0
0
单例模式

单例模式(Singleton pattern)属于创建型设计模式。 保证一个类仅有一个实例,并提供一个访问它的全局访问点。 通常我们可以让一个全局变量使得一个对象被访问,但它不能防止你实例化多个对...

NinjaFrog
25分钟前
0
0
TypeScript基础入门之装饰器(三)

转载 TypeScript基础入门之装饰器(三) 继续上篇文章[TypeScript基础入门之装饰器(二)] 访问器装饰器 Accessor Decorator在访问器声明之前声明。 访问器装饰器应用于访问器的属性描述符,可用...

durban
42分钟前
2
0
spring5调研学习(转载)

Spring框架的新功能 这一章主要提供Spring框架新的功能和变更。 升级到新版本的框架可以参考。Spring git。 内容列表 Spring 5.x框架新的功能 Spring 4.x框架新的功能 Spring 3.x框架新的功能...

小海bug
52分钟前
2
0
为何Spring框架能这么流行?

想要学习更多关于Spring框架在Java开发者中如此流行?看这篇文章可以学到更多! Spring框架特性 Spring是用于应用开发中的一款强大,轻量级框架。更广泛地说,你可以认为Spring框架是一个定义...

java知识分子
55分钟前
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部