移动端meta标签设置总结

简介:
分享一下,移动端页面开发,meta标签的一些设置。

代码实例如下:

01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
<!-- 忽略识别邮箱,主要是针对安卓手机会自动将符合邮箱格式的字符串识别为邮箱地址-->
< meta content = "email=no" name = "format-detection" />
<!-- 针对手持设备优化,主要是针对一些老的不识别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" >





原文发布时间为:2017-2-23

本文作者:admin

本文来自云栖社区合作伙伴“蚂蚁部落”,了解相关信息可以关注蚂蚁部落

原文链接:移动端meta标签设置总结

相关文章
|
移动开发 前端开发 JavaScript
【值得收藏】HTML5使用多种方法实现移动页面自适应手机屏幕的方法总结
随机智能手机,平板等智能移动设备的普及。移动端是我们目前接触最多的页面展示终端,不管是对于开发者还是其他普通的使用者都是普遍的存在,而且移动终端的使用比电脑更广泛,更频繁,特别是当微信平台等变成我们日常使用工具之后。所以对于开发者来说,不管任何开发任何界面都需要着重考虑页面对移动设备的兼容以及自适应。才能让用户体验性更好。
1704 0
|
1月前
|
Web App开发 编解码 移动开发
html5移动端页面分辨率设置及相应字体大小设置的靠谱使用方式
html5移动端页面分辨率设置及相应字体大小设置的靠谱使用方式
|
3月前
|
编解码 移动开发 前端开发
详细介绍Viewport Meta标签的作用、属性以及如何在移动端开发中合理使用它,以优化网页的显示效果
【6月更文挑战第14天】本文介绍了HTML的Viewport Meta标签在移动端网页优化中的应用。该标签定义了视口属性,如宽度、高度和缩放,解决屏幕尺寸差异导致的显示问题。通过设置`width=device-width`确保页面适应设备宽度,`initial-scale=1.0`保持原始比例,`user-scalable=no`可禁用手动缩放。此外,使用`viewport-fit=cover`适配不同像素比设备的安全区域。合理利用这些属性能改善移动端网页显示效果。
109 1
|
4月前
|
编解码 移动开发 前端开发
【专栏:HTML与CSS移动端开发篇】使用Viewport Meta标签优化移动端显示
【4月更文挑战第30天】本文介绍了HTML的Viewport Meta标签在移动端网页优化中的作用。Viewport Meta标签定义了视口属性,如宽度、高度、初始缩放等,解决移动设备因屏幕尺寸差异导致的显示问题。主要属性包括width(常用device-width)、initial-scale、maximum-scale、minimum-scale和user-scalable。
147 4
|
10月前
手机端自适应布局demo
手机端自适应布局demo
37 0
网页的基本布局
网页的基本布局
66 0
|
前端开发 容器
css移动端设置底部导航栏
css移动端设置底部导航栏文章学习
422 0
css移动端设置底部导航栏
|
Web App开发 前端开发 Android开发
微信浏览器中 Input 标签 CSS 兼容性问题
微信浏览器中 Input 标签 CSS 兼容性问题
157 0
|
JavaScript
移动端如何强制页面横屏
##背景 最近公司要开发一个移动端的类网页游戏: 长按按钮有个自行车一直骑行,碰到某个国家的地标就弹出该国的相应say hello的tip,要求横屏显示,不能竖屏。
1932 1