![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
diCommon
这个作者很懒,什么都没留下…
展开
-
css 后台返回的文本域内容有换行符,前端进行处理使页面可以换行
文本域实现换行原创 2022-04-18 15:09:08 · 1189 阅读 · 0 评论 -
微信小程序横屏页面布局适配文案
使用vmin进行适配,通过sass进行计算,将rpx转化为vminsass计算方式:@function to($rpx){ @return #{$rpx * 100 / 750}vmin; }在scss文件中使用:.bd1{ position: relative; z-index: 2; width: to(742); height: to(66); margin: 0 auto; margin-top: 0; .title{原创 2021-10-14 17:51:51 · 465 阅读 · 1 评论 -
vant 使用PullRefresh 下拉刷新组件时,无论滚动条在哪,总会触发下拉滚动
今天遇到个问题,使用PullRefresh组件时,无论滚动条滚动到哪里,只要页面向下拉,页面的滚动条都还没到顶就触发下拉刷新在网上找了一下,可终于找到方法了.van-pull-refresh { height: calc(100vh - 100px) !important; overflow: auto !important;} .van-list { height: auto !important; }这样就可以实现解决问题了...原创 2020-11-07 16:28:26 · 3101 阅读 · 5 评论 -
uniapp之使用scroll-view时的要点
1、一定要在scroll-view标签里面写内容,包含后台返回的循环数据2、在scroll-view标签设置css样式:white-space: nowrap; (不换行)3、在scroll-view标签的子标签设置css样式display: inline-block;4、scroll-view标签一定要给个固定的高度例子:<scroll-view class="scroll-v...原创 2020-04-21 20:40:30 · 3461 阅读 · 0 评论 -
textarea框如何自适应高度
刚做了个项目,项目有个需求,textarea框需要自适应高度,使用textarea标签的时候试了min-height和max-height,都不行,之后在网上查了一下资料,其他可以使用css3的属性,一个新的属性,user-modify,此属性的意思是div可以编辑状态所以,可以说,此textarea非彼textarea,但同样也是可输入状态因为我的项目是vue项目,所以代码方面都是vue&...原创 2020-02-28 11:35:46 · 431 阅读 · 0 评论 -
只代表个人的自个整理的前端代码规范
前端代码规范:1、文件归档根目录包含有:index.html,css,image,jsimage里面文件页面引入的图片;js放页面的js文件;css放页面的css文件,css里面还应包含有img文件件,里面放css引入的背景图2、嵌套元素应当缩进一次3、css尽量做到用class来命名,js用id来命名,同时避免class与id重名4、字体属性字号要用px为单位5、字体名font...原创 2019-11-28 13:53:25 · 171 阅读 · 0 评论 -
苹果端margin属性不生效
今天有个项目,这个项目已经完成了的,之后因为本人没有苹果手机,所以基本都是使用安卓手机或者chrome的模拟ipone,今天客户反馈回来说,底部内容被一个使用了position: fixed;属性的元素遮挡住了,底部内容我是使用margin属性,因为底部相对浏览器的绝对定位的元素的高度为60px,所以我就设置了margin-bottom为70px,在安卓 上,在电脑浏览器上,都好好的,结果在苹果浏...原创 2019-11-09 18:38:06 · 888 阅读 · 3 评论