css动态判断屏幕大小

/* 大屏幕 ：大于等于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;}}

个人笔记爱看不看，不愿看别叭叭，一天天的乱评论烦死了 

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！