css 遇到的问题

隐藏滚动条

在最外面的div添加样式

.className::-webkit-scrollbar{

display: none;

}

图片缩放不变形

设置背景图片大小在保持其原有比例的同时缩放到元素的可用空间的尺寸

background-size: contain; background-repeat: no-repeat;

指定可替换元素 (img)的内容保持其原有比例的同时缩放到元素的可用空间的尺寸

object-fit: contain;

object-fit = 
  fill        |
  contain     |
  cover       |
  none        |
  scale-down  

解决ios上overflow与border-radius同时使用出现白边

transform: rotate(0deg);

解决fixed抖动

transform: translateZ(0);