css
闲敲代码落灯花w
这个作者很懒,什么都没留下…
展开
-
苹果手机顶部安全区兼容
html:<div class="van-safe-area-inset-top"></div>css:@supports (top: env(safe-area-inset-top)) { .van-safe-area-inset-top { height: constant(safe-area-inset-top); height: env(safe-area-inset-top); }}原创 2022-04-07 11:26:43 · 927 阅读 · 1 评论 -
less中使用calc
width: calc(~'100% - 170px');注意:-前后的空格不能少原创 2022-02-24 16:21:56 · 432 阅读 · 0 评论 -
解决浏览器/ios出现横向滚动条
解决方式:父元素:overflow:hidden,并设置高度子元素:overflow:auto,padding-bottom设置超过父元素高度例子:html <div class="num"> <div class="number"> <span class= "index" v-for=" item in 19" :key="item" >{{item}}</span> &l原创 2022-02-24 16:14:13 · 2748 阅读 · 0 评论 -
CSS实现隐藏滚动条但可以滚动
父元素:overflow:hidden子元素:overflow:scroll父元素滚动条宽度设置为0.father ::-webkit-scrollbar{ width: 0px;}代码示例:.father{ width: 200px; overflow: hidden;}.father ::-webkit-scrollbar{ width: 0px;}.son { margin-top: 8px; overflow-x: scroll; w.原创 2022-02-14 10:23:17 · 1084 阅读 · 0 评论