HTML5网页如何在电脑端和手机端都全屏显示?

html-css06

HTML5网页如何在电脑端和手机端都全屏显示?,第1张

HTML5网页在电脑端和手机端都全屏显示的步骤如下:

1、打开HTML5网页代码。

2、在网页头部加上新代码,让网页的宽度自适应设备的宽度。代码如下:

<meta name="viewport" content="width=device-width

initial-scale=1.0

maximum-scale=1.0

minimum-scale=1.0

user-scalable=no" />

3、在输入代码完成后,把图片包括图片DIV 的宽度设置成百分之百即可。

1.Flash:YouTube上的FLV影片得通过一个SWF(Shockwave Flash)播放器播放,而这个播放器会呼叫Flash Player Plug-In来播放影片。

2.HTML5:YouTube上的M4V影片直接利用标签即可播放,而播放器是以JavaScript写成,一切都以浏览器内建功能完成.

稳定性

Flash Player最大的问题就是容易宕,各位读者们在玩游戏、看影片时遇过Flash Player出问题的经验。早先Flash Player一当,就会让浏览器一起挂掉。于是Google Chrome一推出时,就强调每个程序都是分离的,如此一来浏览器就不会跟随一起挂掉。随后Mac OS X 10.6的Safari也加入这功能,Firefox 3.6.4版也会加入。

然而,这样的功能仅是避免浏览器与Flash Player陪葬,要是Flash Player的稳定性不改进的话,问题还是没解决。而HTML5利用标签和JavaScript来播放影片,不需任何外挂就能达成,是相对稳定许多的。

流畅度

当网络影片从480p,逐渐支持到720p与1080p时,光是播放影片就要耗用相当多的CPU计算资源。桌面计算机有时播放都相当吃力,更别提CULV笔记本以及使用ATOM的小笔电了。于是Flash Player 10.1版中加入了硬件译码支持,利用GPU加速来降低CPU资源的耗用。之前也有实际测试数据比较Flash与HTML5谁比较吃资源,显示出,不管哪一种技术,硬件加速是降低CPU耗用的唯一解决方法。

Flash Player除了稳定性问题,支持跨平台(不包括Linux)、跨浏览器硬件译码是比HTML5具有优势。而HTML5最大的问题在于浏览器内建编码不统一。

本地环境和浏览器支持问题!

不信的话,更换成mp3一般浏览器都是支持的!

以下为Windows操作系统下各种情况:

浏览器 支持度

Internet Explorer 6 不支持 如果安装了Google Chrome Frame,支持HTML5

Internet Explorer 7 不支持 如果安装了Google Chrome Frame,支持HTML5

Internet Explorer 8 不支持 如果安装了Google Chrome Frame,支持HTML5

Internet Explorer 9 支持(mp4,webm*) *如果安装了VP8解码器

Firefox <3.5 不支持

Firefox 3.5, 3.6 支持(ogg)

Firefox 4 支持(webm,ogg)

Chrome <3 不支持

Chrome 3, 4, 5 支持(mp4,ogg)

Chrome 6 支持(mp4,webm,o

Opera <10.5 不支持

Opera 10.5 支持(ogg)

Opera 10.6 支持(webm,ogg)

Opera 11 支持(webm,ogg)

safari 3.1, 4, 5 支持(mp4)