@media放在css样式前面不生效的问题
分类:计算机 | 前端 | CSS | 综合 1253
更新:2021-03-01 00:36:10编辑
在使用css3的@media查询对网页的某个元素进行移动端适配时发现设置的样式没有生效,看了一下@media的查询条件也没有错,那是怎么回事呢,后来仔细看了一下,发现@media写在了那个元素原有的css样式前面,想着会不会是因为这样的顺序导致了@media里面设置的样式被后面原有的css样式覆盖了,于是把它们的位置调换了一下,果然@media的样式就可以生效了。
比如原来的写法是:
/* 适应移动端网页尺寸-媒体查询 */
@media screen and (max-width: 600px) {
.divarticlebody{
width: 100%;
}
}
.divarticlebody{
width: 1240px;
}
要改成下面的写法:
.divarticlebody{
width: 1240px;
}
/* 适应移动端网页尺寸-媒体查询 */
@media screen and (max-width: 600px) {
.divarticlebody{
width: 100%;
}
}
猿导航
阅读排行榜
- 1vue和el-table使用经验-如何刷新表格数据10957
- 2three.js加载3D瓦片和3dtiles数据生成交互式地图的开源项目9508
- 3Microsoft Visual C++ Redistributable是什么,有什么作用?7286
- 4mybatis使用经验——mybatis-spring-boot-starter和mybatis的版本对应关系表(持续更新~)5868
- 5uni-app使用经验—vue页面和html页面如何互相调用接口并传参5488
- 6Intellij IDEA下的版本控制VCS的启用与关闭4922
- 7Spring学习经验—@ResponseBody注解的使用说明4902
- 8Druid异常解决经验—java.sql.SQLException url not set4522
- 9如何用批处理命令(bat脚本)启动和停止windows服务4299
- 10nuxt.js项目中如何添加和使用全局变量4165
- 11解决SpringBoot使用maven下载不了jar包的问题3502
- 12linux中解压tar.gz文件报错“gzip: stdin: invalid compressed data--format violated”3405
- 13nuxtjs asyncData使用经验—如何发起多个axios请求并携带参数3251
- 14在Nuxt.js项目的head中引用外部js文件3094
- 15在NVIDIA控制面板设置参数时提示“拒绝访问 无法应用选定的设置到您的系统”的解决方法之一3071