如何解决css样式表在不同浏览器中显示效果不同的问题

最新推荐文章于 2024-04-22 15:22:18 发布
最新推荐文章于 2024-04-22 15:22:18 发布
阅读量1.6k 收藏 1
点赞数
分类专栏： 前端技术基础知识 文章标签： css

一种简单的办法就是采用：使用IE专用的条件注释

＜!--其他浏览器 -->
＜link rel="stylesheet" type="text/css" href="css.css" />

＜!--[if IE 7]>
＜!-- 适合于IE7 -->
＜link rel="stylesheet" type="text/css" href="ie7.css" />
＜![endif]-->

＜!--[if lte IE 6]>
＜!-- 适合于IE6及一下 -->
＜link rel="stylesheet" type="text/css" href="ie.css" />
＜![endif]-->

csdn_金手指
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Google浏览器CSS居中兼容问题完美解决方法
12-07
div做的界面时，又出现CSS hack（CSS兼容浏览器问题）在IE内核浏览器或者firefox浏览器中都能居中，没有居中的可以用其特殊标签来设定居中，如下划线 _ IE6优先识别，!important 仅火狐firefox浏览器识别。可是在...
CSS教程:网页中多个样式表顺序问题
01-19
选择符规则： 计算特性基于它们的特性级别，样式表也可以超越与之冲突的...而网页制作者和读者的样式表都超越浏览器的内置样式表。　网页制作者应该小心地使用!important规则，因为它们会超越用户任何的!important规
css hack
weixin_34192732的博客
03-19 70
什么是CSS hack(http://www.cssplay.org.cn/css-hack/index.html)由于不同的浏览器，比如Internet Explorer 6,Internet Explorer 7,Mozilla Firefox等，对CSS的解析认识不一样，因此会导致生成的页面效果不一样，得不到我们所需要的页面效果。 　　这个时候我们就需要针对不同的浏览器去写不同的CSS...
应用了相同样式的网页在不同的浏览器中,将会有不同的显示方式.
weixin_30861459的博客
07-24 405
<HTML><HEAD><style>.leftfloat{}{background-color:#cccccc;border:2pxsolid#333333;width:200px;height:100px;float:left;}.right{}{background-c...
怎么让某段css代码只在Chrome 火狐 edge 浏览器生效
超负荷运转
03-01 1583
上网查了很多方法 到现在ie其实已经没有了，所以都是兼容Edge浏览器（win10自带） 截图 这段css代码只在火狐生效，其他不生效 然后是谷歌和edge 试了很多种 /*只兼容谷歌*/ @media screen and (-webkit-min-device-pixel-ratio:0) { #playWnd { margin-left:0%; margin-top:37.5%; } } 网上说的比较多的是这种方法，但是这种方法试了不行，不知道有什么问题 找不到方法最后只能用
在不同的浏览器使用不同的css样式,解决浏览器兼容问题
热门推荐
唐策的博客
01-11 1万+
让CSS区别不同浏览器 区别不同浏览器，CSS hack写法： 区别IE6与FF： background:orange;*background:blue; 区别IE6与IE7： background:green !important;background:blue; 区别IE7与FF： background:orange; *backgro
制作网页使用的CSS样式表错误排查方法
09-27
网页制作Webjx文章简介：如果在先进的浏览器内测试是正确的，而在IE内有问题，那基本上可以判定是IE的问题。 虽然浏览器可能存在着很多Bug，但是并不是与自己感觉不一样的时候就是出现了Bug。产生问题的原因可能有很...
浅谈CSS 浏览器样式重置终结版
12-10
虽然现在有现成的 UI 框架，但有时候写个小东西不想用那么庞大的 UI 框架,这篇文章介绍解决一些样式问题，最后将给出完整的重置样式表; 如果有遇到其它样式问题，评论区提建议，我将持续更新 样式问题解决 浏览器...
CleanMoon.CSS:样式表可修复使用CSS的浏览器的渲染问题
05-23
样式表可修复使用CSS的浏览器的渲染问题。 NPM npm install --save cleanmoon.css CDN 看 * 下载 看 * 它有什么作用？ 与许多CSS重置不同，保留有用的默认值。 标准化各种元素的样式。 更正错误和常见的...
浏览器兼容性问题，是指因为不同浏览器对同一段代码有着不同的解析，所造成页面显示效果不统一的情况。
weixin_53761834的博客
11-14 485
浏览器兼容性问题，是指因为不同浏览器对同一段代码有着不同的解析，所造成页面显示效果不统一的情况。
HTML+CSS项目实践八：同一个HTML页面，在不同电脑上的显示效果不一样！解决HTML页面针对不同分辨率的问题
caimaomaocai的博客
07-17 1万+
版权声明：王迪 https://blog.csdn.net/dnruanjian/article/details/85336448 表象问题：同一个HTML页面，在不同电脑上的显示效果不一样。（样式错位等） 举例说明：当电脑分辨率不同时，第二张图片的样式无法完全展示。 问题分析：由于电脑屏幕分辨率不同，像素密度不同，视觉上会有差异，甚至差异很大。 参考资料：百度...
使用CSS解决不同浏览器的错位问题
咸鱼的星空
07-25 5953
用CSS+DIV来写网站代码的好处显而易见，这里不多说了，但由于不同浏览器对CSS的解释不统一，造成不同浏览器下页面错位的现象十分常见…… 页面乱的原因是因为IE6认为一个DIV超宽了，所以把本应float;right的DIV挤了下去。而如果设置为IE6下显示正常的宽度，则在IE7和Firefox下看页面就会少了一块一样，也很别扭….   怎么办？用CSS HACK 来改写CSS代码 改写前
Css在不同浏览器中的不同表现
weixin_33672109的博客
08-19 115
1.float属性 假如有两个如下格式的标签： <div id="A"> <div id="B"> </div> </div> 当A采用 float:left 后，在IE6中表现->B会紧靠A位于A的右方。...
2023-06-16最新谷歌fonts公共资源，解决引入fonts.googleapis.com/css字体网页响应缓慢问题
06-25 1万+
昨天搭建了个最新版本WordPress 5.7.2版本，访问后台发现速度特别慢，前台页面打开也出奇的慢，于是就问了度娘和CSDN前辈，结果一大堆说要找好服务器啦、图片优化啦、换成fonts.useso.com啦、把fonts.googleapis.com换成fonts.cat.net啦、统统没用， 因为我服务器高配，其他网站程序速度飞快，新站基本上没什么图片，访问后台又能有什么图片，这个问题排除，还有360等提供的CDN加速也过期了，由于某些众所周知的原因，好多开源的 JS 库采用的国外 CDN 托管..
常见的css面试题（持续更新，欢迎补充）
清浅就是我的博客
04-22 467
总结面试常问的css相关面试题~通常遇见margin塌陷，是我们同时给父子元素都设置的margin， 此时元素不会像我们想的那样撑开，而是选取最大margin去显示。如何解决这个问题呢？ 给父元素设置浮动给父元素设置：overflow：hidden给元素设置为绝对定位一般来说：行内样式> id选择器 > class选择器 > 类型（标签）选择器和伪元素选择器 > 属性选择器.当上述只有一个的时候，很明显就能看出来谁的优先级高， 但是当同时存在id选择器 、 class选择器 、标签选择器 、 属
【CSS】使用 scroll snap 实现页面的垂直大屏滚动
最新发布
日常问题bug解决、学习分享、个人杂谈等等随便写写哈哈哈
04-22 487
CSS 属性 scroll-snap-type 设置了在有滚动容器的情形下吸附至吸附点的严格程度。使用也可以用于垂直滚动，全屏展示就是一个很好的例子
css样式表部分效果无法在Opera模拟器中实现，如何解决
06-01
如果在 Opera 模拟器中无法实现 CSS 样式表部分效果，有以下几种可能的解决方法： 1. 检查代码错误：首先要确保 CSS 代码没有错误，可以通过使用在线 CSS 验证工具或浏览器自带的开发者工具来检查。 2. 检查 Opera...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值