1500字范文,内容丰富有趣,写作好帮手!
1500字范文 > 火狐浏览器和ie 谷歌的兼容问题

火狐浏览器和ie 谷歌的兼容问题

时间:2023-10-06 09:21:58

相关推荐

火狐浏览器和ie 谷歌的兼容问题

字体

谷歌和ie浏览器的最小字体是12px,所以,当用火狐开发时,少于12px的字体都会在其他两个浏览器上出现问题。//解决:使用 transform:scale(0.7); 对字体元素进行缩小。

滚动条的问题

ie和谷歌浏览器 设置滚动条 下面的方式是可以的// /* 定义滚动条样式 */// .content::-webkit-scrollbar {// width: 6px;// height: 6px;// }//.content::-webkit-scrollbar {display: none;}// /*定义滚动条轨道 内阴影+圆角*/// .content::-webkit-scrollbar-track {// box-shadow: inset 0 0 0px rgba(240, 240, 240, 0.5);// border-radius: 10px;// background-color: #272d44;// }// /*定义滑块 内阴影+圆角*/// .content::-webkit-scrollbar-thumb {// border-radius: 10px;// box-shadow: inset 0 0 0px rgba(240, 240, 240, 0.5);// background-color: rgba(240, 240, 240, 0.5);// }但是 火狐浏览器不支持这么写 所以 我们需要在需要设置滚动条的样式中 这么写//scrollbar-width: none; none就是设置滚动条不显示,效果还在。 thin就是滚动条瘦一点//scrollbar-color: #ffffff #ffffff; 设置滚动条自身颜色和拉的时候的颜色

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。