您现在的位置是:首页 > WEB > html+csshtml+css

解决ie8以下不兼容h5的方法

阿龙2019-08-29【html+css】人已围观

简介话不多说,直接上菜。

话不多说,直接上菜。
方法一:Coding JavaScript
<!--[if lt IE9]> 
<script> 
   (function() {
     if (! 
     /*@cc_on!@*/
     0) return;
     var e = "abbr, article, aside, audio, canvas, datalist, details, dialog, eventsource, figure, footer, header, hgroup, mark, menu, meter, nav, output, progress, section, time, video".split(', ');
     var i= e.length;
     while (i--){
         document.createElement(e[i])
     } 
})() 
</script>
<![endif]-->
方法二:使用Google的html5shiv包
<!--[if IE]>

<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>  

<![endif]-->

 1、<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0" />控制手机全屏 : 强制让文档的宽度与设 备的宽度保持 1:1, 并且文档最大的宽度比例 户点击屏幕放大浏览

2、viewport:可视区域

3、initial-scale:初始的缩放比例;user-scalable:用户是否可以手动缩放; minimum-scale:允许用户缩放的最小比例;maximum-scale :允许用 户缩放的最大比例 

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

在手机 中不会将网页中的一串数字(电话号码)显示为拨号的超链接,默认

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

删除黙认的苹果菜单栏和工具栏,如需要苹果菜单栏和工具栏可不加 

<meta name=”apple-mobile-web-app-status-bar-style” content=” default” />

控制状态栏样式 content 有三个值:default、black、 是 1.0,且不允许用black-translucent 

<link rel="apple-touch-icon" href="res/images/icon.png" />

对移动 网站-mobile web 进行收藏( “添加到桌面图标” 的时候增加的图标定 ) 义属性

    1、apple-touch-icon:增加高光光亮的图标

    2、apple-touch-icon-precomposed:设计原图图标 网页针对不同屏幕分辨率修改,用-webkit-device-pixel-ratio这个 media 标签或在 js 中用 window.devicePixelRatio 这个方法,设置target-densitydpi 标签和 device-dpi 属性。这让你的定制更具有 灵 活性。

移动网站的视图的标签 <div data-role="page" id="page"> <div data-role="header">...</div> <div data-role="content">...</div> <div data-role="footer">...</div> </div> HTML5 的 data-前缀就被称为 data 属性 本地存储: sessionStorage.lastname="Smith";针对 session 的存储localStorage.lastname="Smith";没有时间限制的本地存储(IE8 也支 持)

Tags:

支持一下! ()

上一篇:有趣的侧边栏目卡片

下一篇:返回列表

文章评论

    共有条评论大侠,来闹两句...

    请输入昵称:

    填入验证码:

打赏本站

  • 如果您觉得站长文章不错,可以通过扫码支付打赏一下哦!
  • 微信扫码:您说多少就多少~
  • 支付宝扫码:您说多少就多少~