html5 浏览器适配问题

QQ 浏览器x5内核定制标签说明

设置屏幕方向

1	`<meta name="x5-orientation" content="portrait\|landscape" />`

设置全屏

1	`<meta name="x5-fullscreen" content="true" />`

设置屏幕模式

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

UC 浏览器的部分私有Meta 属性

设置屏幕方向为横屏还是竖屏

1	`<meta name="screen-orientation" content="portrait\|landscape">`

设置是否全屏，yes表示强制浏览器全屏

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

缩放不出滚动条

1	`<meta name="viewport" content="uc-fitscreen=no\|yes"/>`

设置no后用户缩放与标准浏览器缩放一直，设置为yes后，用户缩放金放到图片和文字，不出现横向滚动条。

排版

1	`<meta name="layoutmode" content="fitscreen\|standard" />`

fitscreen模式简化页面处理，适合页面阅读节省流量，standard模式和标准浏览器一致；一旦设置layoutmode meta后，用户使用浏览器提供的的排版模式选项将会无效。

夜间模式

1	`<meta name="nightmode" content="enable\|disable"/>`

nightmode的值设置为disable后，即使用户使用浏览器的夜间模式，页面的表现也仍然是非夜间模式。

强制图片显示

1	`<meta name="imagemode" content="force"/>`

UC浏览器为了节省流量，为用户提供了无图模式，但是如果页面的图片是必不可少的，如验证码的，需要强制浏览器显示图片，可以设置imagemode，不影响子页面。通过META设置图片加载方式会作用于整个页面，如果希望对单个图片进行设置，那么可以使用这个

1	`<img src="..." show="force">`

应用模式

1	`<meta name="browsermode" content="application"/>`

使用了application这种应用模式后，页面讲默认全屏，禁止长按菜单，禁止收拾，标准排版，以及强制图片显示。

html5 浏览器适配问题相关推荐

html5+css3适配问题（手机、平板、PC）
html5+css3适配问题(手机.平板.PC)2019-07-29 jiangxin 随着互联网的快速发展,以及html5+css3的迅速崛起.渐渐的响应式布局,也会慢慢的出现在我们的视野里,身为专 ...
Html5浏览器支持
HTML5 浏览器支持把 HTML5 元素定义为块级元素语义块级displayblock实例 header, section, footer, aside, nav, main, article, ...
无插件无 Flash HTML5 浏览器直接玩《Quake II》
HTML5 的能力究竟有多强?在游戏方面是否能超过Flash?看过这个视频就能见分晓. 为了展示HTML5浏览器的游戏能力,Google Web工具包团队的工程师专门制作了基于HTML5技术的经典第 ...
html5测网址,HTML5浏览器测试网站汇总
我经常看到有很多人询问HTML5某个特性当前各浏览器的支持情况.的确,因为HTML5内容庞大,特性众多,而浏览器的支持情况又混杂不一,随时都有可能变化,所以了解起来比较困难.在这里,我汇总了一些常用的 ...
2.HTML5浏览器支持
1.HTML5浏览器支持 1.现代浏览器都支持 HTML5. 2.所有浏览器,包括旧的和最新的,对无法识别的元素会作为内联元素自动处理. 2.将HTML5元素定义为块元素. 1.HTML5定义了8个新 ...
HTML 18 HTML5 特性 18.2 HTML5 浏览器支持
HTML 文章目录 HTML 18 HTML5 特性 18.2 HTML5 浏览器支持 18.2.1 HTML5 浏览器支持 18.2.2 把 HTML5 元素定义为块级元素 18.2.3 向 HTM ...
php indexdb,HTML5浏览器的数据库引擎IndexDB使用例子
本文章来为各位介绍一篇关于HTML5 - 浏览器的数据库引擎IndexDB使用详解希望这篇文章能够帮助到各位朋友,有兴趣的同学可以进来看看吧. 1,IndexedDB介绍 IndexedDB标准是HT ...
html5页面适配方法,H5案例分享：HTML5移动页面适配方法
HTML5移动页面适配方法之前做过PC页面时考虑最多的是兼容,这是因为浏览器之间的差异引起的.而移动端是基本没有"兼容"的问题了,全是CSS3,是不是很开心,但是开心早了,因为适 ...
ios和android 浏览器适配问题总结
相关知识点移动端. 适配(兼容). ios点击事件300ms延迟. 点击穿透. 定位失效...... 问题&解决方案手机浏览器独有的三个事件? onTouchmove,ontouchend ...
支持html5浏览器速查
css3属性,各个浏览器支持, 看来还是chrome 和safai全盘支持 css3选择器的支持情况: 情况还算不错,新版的基本都支持 html5 web应用 safari 对html5 web应用 ...

html5 浏览器适配问题

UC 浏览器的部分私有Meta 属性

html5 浏览器适配问题相关推荐

最新文章

热门文章