CSS处理小技巧

1.在目前市场众多高分辨率的PC中，一般建议高分辨率缩放功能，建议是放大。 放大之后，屏幕逻辑的分辨率实际是变小了。
比如 2160*1440的分辨率，推荐的是缩放到 150%显示。 那么实际的是多少呢？比 2060*1440肯定要小。

应用场景，在一些以展示为主的页面。可以使用。

@media screen and (max- 1820px) {
  .mu_line,
  .construction {
    transform-origin: 0 10%;
    transform: scale(0.8);
    left:50%;
    margin-left:-556px;
  }
}

这样就可以巧妙的避免小多套媒体查询了。是不是很方便。

Css流动的线条

/* .box3 {

  background: linear-gradient(0deg, transparent 6px, #e60a0a 6px) repeat-y,

    linear-gradient(0deg, transparent 50%, #0f0ae8 0) repeat-y,

    linear-gradient(90deg, transparent 50%, #09f32f 0) repeat-x,

    linear-gradient(90deg, transparent 50%, #fad648 0) repeat-x;

  background-size: 6px 12px, 6px 12px, 12px 6px, 12px 6px;

  background-position: 0 0, 100% 0, 0 0, 0 100%;

  animation: move2 1s infinite linear;

} */