页面头部必须有meta
关于viewport
的声明
<meta name="’viewport’" content="”width=device-width," initial-scale="1." maximum-scale="1,user-scalable=no”"/>
通常在做响应式布局的时候,以及大屏的时候很常用的,从而实现在不同分辨率
下,实现不同的展示效果
/* 超过1920分辨率后显示多列 */ @media screen and (min-width:1920px) { .car_box.el-card { min-width: 450px !important; width: 450px !important; } }