不同的分辨率不同的样式设置@media的用法
创始人
2024-06-02 17:26:38
0次
今天学到了一个新的知识点，@media，可以针对不同的分辨率设置不同的样式
我暂时只用到了设置最小值，所以这里就只展示最小值案例
参考文章：
https://www.cnblogs.com/kimshen/p/15565975.html
https://blog.csdn.net/jugtba/article/details/120174408
注意：分辨率指的是整个页面的分辨率【即body的宽度这样]，设置最小的时候要写在前面，设置最大值相反大的写前面，文章里有说明案例
这样在页面分辨率大于等于733的时候宽度是50px,小于733又大于等于479px的时候宽度是20px
@media (min-width: 479px) {
// 分辨率>=479px这个样式在这个分辨率下的样式
.details_other {
width: 20px;
}
}
@media (min-width: 733px) {
// 分辨率>=733px这个样式在这个分辨率下的样式
.details_other {
width：50px;
}
}
相关内容
热门资讯
乞讨者作文650字
乞讨者作文650字 说到乞丐，大家一定都不陌生，五山的街道旁随处可见。在路上开车的时候，车窗旁也会...
小朋友友谊作文400字
关于小朋友友谊作文400字汇总5篇 在平凡的学习、工作、生活中，大家总免不了要接触或使用作文吧，根...
我心目中的父母作文
我心目中的父母作文我心目中的父母有一种爱是无私的，有一种爱是伟大的，有一种爱是永恒的！这爱，刚开始起...
>有感 -作文
>有感 -作文 在平日的学习、工作和生活里，大家都不可避免地要接触到作文吧，借助作文人们可以反映客...
洛阳“龙门石窟”游记作文
洛阳“龙门石窟”游记作文 在日常学习、工作抑或是生活中，大家对作文都不陌生吧，借助作文人们可以实现...
掌声的作文
掌声的作文(10篇) 在平凡的学习、工作、生活中，大家都尝试过写作文吧，借助作文人们可以反映客观事...
写字之星作文
写字之星作文 我们班有一个“写字之星”—孔奕如！她的“雄伟事迹”已经很多了，准确来说是多的数不清！...
跳长绳优秀作文
跳长绳优秀作文（通用10篇） 在日常学习、工作或生活中，大家都写过作文，肯定对各类作文都很熟悉吧，...
我当按摩师作文
我当按摩师作文XX年03月13日 星期日晚上，我刚作完作业，就发现妈妈坐在床上一直用手揉着后背，我瞧...
春天的味道作文
春天的味道作文通用15篇 在现实生活或工作学习中，大家总少不了接触作文吧，作文要求篇章结构完整，一...
清响作文600字
清响作文600字 在我们平凡的日常里，大家总少不了接触作文吧，作文根据体裁的不同可以分为记叙文、说...
傅雷家书好词好句摘抄
傅雷家书好词好句摘抄 在现实社会中，大家肯定对各类好词好句都很熟悉吧，好词好句的积累对于写作文时可...
勇气作文
关于勇气作文（精选40篇） 在学习、工作、生活中，大家都写过作文，肯定对各类作文都很熟悉吧，根据写...
描写昆虫的优美段落
描写昆虫的优美段落 昆虫王国里有趣的昆虫多得数不清，凭我们现在对昆虫的认识还是肤浅的，我们还需要探...
人无完人作文500字
人无完人作文500字 “人无完人”这个成语用在我身上，那是最好不过的了。老师要求我们遵守的十三条良...
初三语文辅导作文600字
初三语文辅导作文600字 在日常生活或是工作学习中，大家最不陌生的就是作文了吧，写作文可以锻炼我们...
写景优美作文摘抄好句好段
写景优美作文摘抄好句好段大全 大家都写过作文，肯定对各类作文都很熟悉吧，尤其是充满意境的写景作文，...
成长类的作文
成长类的作文（精选5篇） 在日常学习、工作抑或是生活中，大家对作文都再熟悉不过了吧，借助作文可以提...
柳作文
柳作文 在平日的学习、工作和生活里，大家都有写作文的经历，对作文很是熟悉吧，借助作文人们可以实现文...
洗菜作文400字
洗菜作文400字四篇 在日常学习、工作或生活中，大家都有写作文的经历，对作文很是熟悉吧，写作文是培...