h5 css3自适应 兼容IE8以上

最新推荐文章于 2021-08-03 23:48:09 发布
最新推荐文章于 2021-08-03 23:48:09 发布
阅读量1.6k 收藏 2
点赞数
分类专栏： H5 文章标签： html5 css3
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/z623800325/article/details/79724241
版权

<!DOCTYPE html>  <!--HTML5标准声明-->

<html lang="zh-CN"> <!--设置语言为中文-->

head部分：

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />      <!--设置uft-8编码-->
    <meta charset="utf-8" />    <!--设置uft-8编码-->
    <meta name="renderer" content="webkit|ie-comp|ie-stand">    <!--设置浏览器模式-->
    <meta http-equiv="X-UA-Compatible" content="IE =edge,chrome =1" />     <!--设置浏览器为最高级别-->
    <meta name="viewport" content="initial-scale =1, maximum-scale=3, minimum-scale=1, user-scalable=no">
    <!-- 上述meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>标题</title>
    <meta name="keywords" content="关键字" />
    <meta name="description" content="说明" />


    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/normalize.css" rel="stylesheet">
    <link href="css/main.css" rel="stylesheet">

<link href="css/index.css" rel="stylesheet">

    <!--样式要放到if lt IE 9之前，不然IE不兼容-->

<!--[if lt IE 9]>
      <script src="js/html5shiv.min.js"></script>    
      <script src="js/respond.min.js"></script>    

    <![endif]-->

    <!--以上为让IE8以上支持HTME5和CSS3 -->

    <script type="text/javascript" src="js/jquery.min.js"></script>

    <script type="text/javascript" src="js/bootstrap.min.js"></script>

CSS 一些兼容注意

    /***  \9 IE***/
/***  -moz-border-radius Firefox***/
/***  -webkit-border-radius Safari、Chrome***/
/*behavior: url(/js/PIE.htc); 设置IE 圆角 如果不显示，设置祖元素position:relative;z-index: 1;*/

/*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='', sizingMethod='scale');background: none \9; 设置IE背景100%缩放*/


其他问题发现再补充。

LieCR
关注
专栏目录
Html5Css3自适应布局总结
汇而不置的博客
04-07 1245
布局单位px em rem vw vh 绝对单位 px 相对单位 em 针对于父元素 rem 针对于根(html)元素 vh 100%高 vw 100%宽 补充 谷歌浏览器默认字体大小: 16px 最小值12px 1em=16px 10px=0.625em 10px=62.5em 自适应布局-网页适应各种屏幕大小 移动端webapp ui（美工）给的设计图...
H5 宽高自适应学习笔记
weixin_46589032的博客
03-31 1259
宽高自适应 第一节：宽的自适应 width:100%;或者是width不去设置，子元素宽度跟随父元素。 第二节：高度自适应 （高度不去设置，或者高度设置auto -> 内容撑开父元素的高度） ...
让IE8以下兼容HTML5标签和CSS3高级选择器
10-20
ie8以下兼容HTML5和css3高级选择器
完美解决IE(IE6/IE7/IE8)不兼容HTML5标签的方法
weixin_34270865的博客
03-26 379
HTML5的语义化标签以及属性，可以让开发者非常方便地实现清晰的web页面布局，加上CSS3的效果渲染，快速建立丰富灵活的web页面显得非常简单。 HTML5的新标签元素有： &lt;header&gt;定义页面或区段的头部； &lt;footer&gt;定义页面或区段的尾部； &lt;nav&gt;定义页面或区段的导航区域； &lt;section&gt;页面的逻辑区域或内容组合；...
css3兼容IE8的方案 各个ie的hack
热门推荐
maoguiyou的专栏
03-03 1万+
虽然现在很多项目已经对低版本IE不要求了，但是还有部分公司对IE8还是很执着的，咱作为屌丝前端程序员不能和老板说前端潮流，不能说趋势，只能动脑子了，下面就分享一些css3兼容ie8的方案思路。主要是实现弯道超车。 比如css3的nth-child选择器，它有多好用就不解析了，问题它不兼容ie8，怎么破呢？ 1.用jq选择器实现弯道超车，比如我想选择前面五个li，可以这样选。$("li:nth-
ie8兼容h5css3解决方案
02-18
内容有：excanvas.compiled.js（ie8使用canvas），
如果ie8以上写css样式,IE8默认CSS样式
weixin_35696075的博客
08-03 240
IE8浏览器默认CSS样式表[dir=rtl] dd {margin: 0 40px 0 0;}[dir=rtl] menu {padding: 0 30pt 0 0;}[dir=rtl] ol {padding: 0 30pt 0 0;}[dir=rtl] ul {padding: 0 30pt 0 0;}a {color: #06C;text-decoration: underline;}a:...
334web_HTML手机电脑网站_网页源码移动端前端js效果_H5模板_自适应css源码ui组件.zip
08-03
5. 跨平台兼容性：由于这个资源包强调的是手机和电脑网站的兼容性，因此可以预期代码已经考虑了不同浏览器的兼容性问题，包括对旧版IE的支持，或者使用polyfills来模拟新的API，确保在多种环境下正常运行。...
799js_HTML手机电脑网站_网页源码移动端前端js效果_H5模板_自适应css源码ui组件.zip
08-04
8. 设备兼容性：为了确保网站在不同浏览器和操作系统上都能正常工作，开发者需要考虑设备兼容性问题，包括对IE、Chrome、Firefox、Safari等主流浏览器的支持。 9. 性能优化：考虑到移动设备的性能限制，优化加载...
黑色复古的个性CSS模板4812_html网站模板_网页源码移动端前端_H5模板_自适应响应式源码.rar
最新发布
08-06
`ie_fixes.css` 顾名思义，是针对Internet Explorer浏览器的一些兼容性修复，因为IE在处理某些CSS特性时可能存在差异。 2. **HTML结构**：`index.html`, `archives.html`, `comments.html`, 和 `page.html` 是HTML...
兼容IE8插件（兼容h5+css3新特性）
03-04
这是一个对IE8及以下做前端兼容的文件工具包，使用时可参考如下实例在文件里引入即可 <!--对于ie6到ie8做兼容，兼容h5，css3等新特性--> <!--[if (gte IE 6)&(lte IE 8)]> [removed][removed] [removed][removed] [removed][removed] <![endif]-->
让IE8和IE9支持Html5和Css3
05-11
让IE8和IE9支持Html5和Css3，压缩包里包括css3-mediaqueries.js、html5shiv.js、selectivizr.js
HTML5 & CSS3（兼容性IE8）
qq_29999095的博客
04-12 1672
判断兼容性 http://modernizr.cn/是一个 JavaScript 库， 用于检测用户浏览器支持的 HTML5 与 CSS3 特性。 在html中： <head> <script src="./modernizr.custom.js"></script> </head> 网页的html中会看到： modernizr为html标...
ie8 部分css3兼容问题处理
chenjie456789的博客
12-03 461
1.flex-direction:row; 解决办法： 在每个子级上加上float:left; 如： .wrap{ display:flex; div{ float:left; } } 2.p:nth-child(2); 解决办法： 替换成：p:first-child+p 3.border-radius:50%; 解决办法： 在服务器上安装ie-css3.htc border-radius:50%...
IE8兼容html5，css3
dengzihao1023的博客
05-03 650
IE8支持html5、css3标准模版
ie8不兼容css3咋办,ie8以下版本兼容css3的问题
weixin_39698217的博客
08-03 592
我们都知道css3有很多特性ie8以下是不支持的：比如样式选择器，圆角，阴影等，今天就简单记一下在解决ie8不支持选择器，圆角，阴影的方案。一，选择器不兼容问题：css3选择器在各浏览器版本的兼容性(http://www.youdiancms.com/jianrong/614.html)1.可以使用jq进行选择，也可以使用ie8支持的child选择器进行++等但我们就想在ie8中也用css3选择器...
部分ie8不兼容的css问题
luckyJieXu的博客
01-30 750
1、解决在ie8中input框的输入顶格显示问题   一般写input框我们为了好看会给行高，但是ie8中input框的输入就会顶格显示，为了解决这个问题网上都给出使用行高line-height，但是我使用这个还是没有解决。最后我去除height与line-height，使用padding-top与padding-bottom代替就可以了。 2、解决在ie8中background-size
ie8的自适应-----js调用css样式文件
jinhao82的专栏
08-21 675
核心代码 var s = document.createElement("LINK"); s.rel = "stylesheet"; s.type = "text/css"; s.href = url; document.getElementsByTagName("HEAD")[0].appendChild(s);
关于IE中元素自适应宽度
杜汝明的博客
03-30 1766
在IE中，元素的自适应宽度是带有小数的像素值 需要使用js的底层方法getBoundingClientRect()。 举例： if (window.ActiveXObject || "ActiveXObject" in window) { $("#rightBottomDiv thead th").each(function(i) { var width = ($...
H5与CSS3精华：样式、选择器与布局技巧
首先，文档概述了H5和CSS3的基础概念： 1. HTML5样式引用与注释：这部分介绍了如何在HTML中使用不同的样式应用方式，包括行内样式（`<style>`标签内直接写样式）、内部样式（在`<head>`部分定义`<style>`标签），...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值