CSS_随笔

rem的坑

border不要用rem去写，部分机型有兼容性问题，会显示成特别细或者写的solid但是显示空心的问题。

子组件Y向整体背景颜色设置

height: 100%;
background: #F6F6F6;
overflow:scroll;

radio按钮重置属性:

https://my.oschina.net/itblog/blog/1613997

Px自动转化为rem的方法：

https://www.jianshu.com/p/e88d37de017d

vue如何给v-for循环的标签添加背景图片

v-bind:style="{ ‘background-image’: ‘url(’ + item.PlaceImgUrl + ‘)’,‘background-repeat’:‘no-repeat’,‘background-size’:‘cover’ }"

保留后台接收到的换行效果

style=“white-space:pre-wrap”

雪碧图

雪碧图缺点无法满足自适应

<div class="XuebiImg">
</div>

.XuebiImg{
        width: 100px;
        height: 100px;
        background:burlywood url('../assets/img/xuebi.jpg') no-repeat;;
        background-position: -1pxt -140px;
      }