css兼容总结

已于 2022-06-01 16:19:04 修改
阅读量997 收藏
点赞数
文章标签： css
于 2021-09-13 10:23:33 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ianutt/article/details/120261781
版权
  • safari浏览器对select默认上下边距padding各多出3px的高度，统一高度写法如下
input{height:30px;line-height:30px;[;height:24px;line-height:24px;]}
  • safari浏览器input字体大小统一
input::-webkit-input-placeholder { font-size:1rem;}
  • input要写height，只写line-height在IE会只显示一半内容
ianutt
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
CSS多浏览器兼容总结(个人经验)
12-04
1、DOCTYPE 影响 CSS 处理 2、FF: 设置 padding 后， div 会增加 height 和 width， 但 IE 不会， 故需要用 !important 多设一个 height 和 width 3、FF: 支持 !important， IE 则忽略， 可用 !important 为 FF 特别设置样式 4、div 的垂直居中问题: vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字，就垂直居中了。缺点是要控制内容不要换行 5、在mozilla firefox和IE中的BOX模型解释不一
html css macbook,css – 如何仅针对Mac的Safari？
weixin_29155599的博客
06-24 422
这是一个脚本，您可以在页面(或单独的js文件)中添加一个脚本，它将向html元素添加一个类，以便您可以将safari-mac特定的css添加到您的css文件中。(function($){// console.log(navigator.userAgent);/* Adjustments for Safari on Mac */if (navigator.userAgent.indexOf('Saf...
常见的浏览器兼容问题（css、js）
gkx19898993699的博客
12-14 845
常见的css、js浏览器兼容问题及解决方案
select在各个浏览器中的兼容性问题
兜兜里全是糖_博客
10-13 1684
我们知道select标签在各个浏览器中的属性和各浏览器的支持各有些不同，从而造成select选择框在各浏览器的显示有不同，下面我们通过对主要CSS属性的支持，打造全兼容select。 对select的height、padding、line-height分别利用控制变量的方法写了个DEMO在各浏览器上测试三种情 况：height.100.padding.0、height.no.padding.10
safari浏览器兼容css3旋转同时位移处理
刻痕
07-04 944
safari浏览器兼容css3旋转同时位移处理 项目某元素同时执行 位移+旋转时，谷歌浏览器等其他浏览器正常，safari浏览器不兼容（pc和苹果手机一样）（亲测 然并卵 ~~）旋转元素的父级元素加入perspective 网络方案 （二） 初始声明时候，没带初始样式 初始化样式不要缺失 但是： 如果你的项目还没解决的继续看经测试，单个位移、或者旋转 safari 浏览器执行正常拆解：修改后： 如此，测试正常，只写一个。方法有点笨，能解决问题.........
Safari浏览器兼容性问题
xiamocsdn的博客
06-10 2685
解决Safari关于css样式的一些兼容性问题
div+css兼容总结
03-30
各个浏览器对div和css支持的不同，能写出兼容不同浏览器的页面。。。。
css FF与IE兼容性总结
09-25
css FF与IE兼容性总结 ,在实际应用中大家可以多测试。
css兼容性总结
03-14
十大web编程技巧 css兼容性总结，史上最牛总结
iphone safari浏览器CSS兼容性的解决方案集合
wangchaoqi1985的博客
07-08 2796
iphone safari浏览器CSS兼容性的解决方案集合
Opera、FireFox、IE、Safari中CSS差别及兼容CSS的解决方法
nathanhuang1220的专栏
02-27 9159
一、CSS HACK以下两种方法几乎能解决现今所有HACK. 1, !important 随着IE7对!important的支持, !important 方法现在只针对IE6的HACK.(注意写法.记得该声明位置需要提前.) #wrapper { width: 100px!important; /* IE7+FF */ width: 80px; /* IE6 */ } 2, IE6
<select>设置css height兼容性，兼容FF/IE/Safari/Chrome...
phy201106的博客
06-23 2427
select{ width:100px; height:40px; line-height:40px; //一定要设置line-height，不然Safari不兼容 }
如何调试 iPhone Safari 浏览器的CSS兼容问题
weixin_33798152的博客
08-08 2782
我们电脑浏览器如果出现CSS兼容问题，现在很好解决，Chrome浏览器自带检查工具，火狐浏览器的FireBug也很好用，Safari、360、 IE、EDGE都有自己的调试工具。他们可以查看html+JS+CSS如何被解释的，如果被解释错了可以看到原因出现在哪。 但是以上说的都是电脑，如果网站在iPhone上出现了兼容问题，该如何解决呢?下面教大家个...
史上最全的CSS hack方式一览
923723914
09-28 2011
做前端多年，虽然不是经常需要hack，但是我们经常会遇到各浏览器表现不一致的情况。基于此，某些情况我们会极不情愿的使用这个不太友好的方式来达到大家要求的页面表现。我个人是不太推荐使用hack的，要知道一名好的前端，要尽可能不使用hack的情况下实现需求，做到较好的用户体验。可是啊，现实太残酷，浏览器厂商之间历史遗留的问题让我们在目标需求下不得不向hack妥协，虽然这只是个别情况。今天，结合自己...
用css去除chrome、safari等webikt内核浏览器的默认样式
sinat_33337475的博客
06-05 7911
在制作手机网站的时候用Safari 打开相应的页面，发现button,input,select,textarea都存在着默认的样式，我们设置的样式都被默认样式盖住了，这时只需要添加一个webkit的私有属性：            -webkit-appearance:none; 添加该样式，并且值为'none'时即可取消浏览器对于控件的默认样式。 appearance : 
vue ie11css兼容
最新发布
09-07
总结起来，为了解决Vue在IE11中的CSS兼容性问题，我们可以使用polyfill来解决CSS var()的兼容性问题，并使用postcss-loader和autoprefixer来处理CSS语法以确保兼容性。在webpack配置文件中添加相应的loader规则来...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值