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;
} */