/* 大屏幕 :大于等于1200px*/
@media (min-width: 1200px) { ... }
/*默认*/
@media (min-width: 980px){...}
/* 平板电脑和小屏电脑之间的分辨率 */
@media (min-width: 768px) and (max-width: 979px) { ... }
/* 横向放置的手机和竖向放置的平板之间的分辨率 */
@media (max-width: 767px) { ... }
/* 横向放置的手机及分辨率更小的设备 */
@media (max-width: 480px) { ... }
用法:
@media screen and (max-width:500px) {
.showVideo {
background: #fff;
padding: 1.8125rem 1.8125rem 3.875rem 1.8125rem;
/* margin-left: 1rem; */
background: #FFFFFF;
border-radius: 0.5rem;
}
}
@media screen and (min-width:500px) {
.showVideo {
background: #fff;
padding: 1.8125rem 1.8125rem 3.875rem 1.8125rem;
background: #FFFFFF;
border-radius: 0.5rem;
}
}
个人笔记爱看不看,不愿看别叭叭,一天天的乱评论烦死了