移动端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使用多种方法实现移动页面自适应手机屏幕的方法总结
随机智能手机,平板等智能移动设备的普及。移动端是我们目前接触最多的页面展示终端,不管是对于开发者还是其他普通的使用者都是普遍的存在,而且移动终端的使用比电脑更广泛,更频繁,特别是当微信平台等变成我们日常使用工具之后。所以对于开发者来说,不管任何开发任何界面都需要着重考虑页面对移动设备的兼容以及自适应。才能让用户体验性更好。
1804 0
|
2月前
|
编解码 前端开发 UED
前端:移动端视口配置
移动端视口配置是指针对移动设备浏览器设置视口的宽度、高度和缩放等属性,以确保网页能根据不同的屏幕尺寸和分辨率进行适配,提供更好的用户体验。合理的视口配置是移动优先设计的关键环节。
|
4月前
|
Web App开发 编解码 移动开发
html5移动端页面分辨率设置及相应字体大小设置的靠谱使用方式
html5移动端页面分辨率设置及相应字体大小设置的靠谱使用方式
|
6月前
|
编解码 移动开发 前端开发
详细介绍Viewport Meta标签的作用、属性以及如何在移动端开发中合理使用它,以优化网页的显示效果
【6月更文挑战第14天】本文介绍了HTML的Viewport Meta标签在移动端网页优化中的应用。该标签定义了视口属性,如宽度、高度和缩放,解决屏幕尺寸差异导致的显示问题。通过设置`width=device-width`确保页面适应设备宽度,`initial-scale=1.0`保持原始比例,`user-scalable=no`可禁用手动缩放。此外,使用`viewport-fit=cover`适配不同像素比设备的安全区域。合理利用这些属性能改善移动端网页显示效果。
206 1
|
7月前
|
编解码 移动开发 前端开发
【专栏:HTML与CSS移动端开发篇】使用Viewport Meta标签优化移动端显示
【4月更文挑战第30天】本文介绍了HTML的Viewport Meta标签在移动端网页优化中的作用。Viewport Meta标签定义了视口属性,如宽度、高度、初始缩放等,解决移动设备因屏幕尺寸差异导致的显示问题。主要属性包括width(常用device-width)、initial-scale、maximum-scale、minimum-scale和user-scalable。
200 4
|
7月前
|
API
超级炫酷个人引导页自适应HTML源码
超级炫酷个人引导页自适应HTML源码
89 3
超级炫酷个人引导页自适应HTML源码
|
移动开发 HTML5
HTML5中的audio在手机端和微信端的不能自动播放
再做H5页面的时候,发现audio在手机端和微信端添加了autoplay以后还是不可以自动播放,这是因为手机端为了节约流量所设置的
|
前端开发 容器
css移动端设置底部导航栏
css移动端设置底部导航栏文章学习
441 0
css移动端设置底部导航栏
页面自适应浏览器宽高
autodivheight(); function autodivheight() { //函数:获取尺寸 //获取浏览器窗口高度 var winHeight = 0; if (window.
1079 0
|
Web App开发 JavaScript 前端开发