caijiEmber 2022-07-12 07:25 采纳率: 100%
浏览 33
已结题

css媒体查询为什么更改不了宽度?

问题遇到的现象和发生背景

我想做到pc端适配手机端的页面布局,如下图,右侧部分在页面宽度小于896px时,会执行display:none;效果成功!但左侧部分需要width100%平铺到页面中,但是我在媒体查询中给了一个width:100%并没有效果,是为什么?

问题相关代码,请勿粘贴截图
运行结果及报错内容

img

img

img

contentAll为右侧内容,menu-left_content为左侧内容

我的解答思路和尝试过的方法
我想要达到的结果

想要在右侧display:none;的时候左侧的width:100%;平铺到页面中。

  • 写回答

1条回答 默认 最新

  • Tong_tong1 2022-07-12 08:59
    关注
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
编辑
预览

报告相同问题?

问题事件

  • 系统已结题 7月19日
  • 已采纳回答 7月12日
  • 创建了问题 7月12日

悬赏问题

  • ¥15 PADS Logic 原理图
  • ¥15 PADS Logic 图标
  • ¥15 电脑和power bi环境都是英文如何将日期层次结构转换成英文
  • ¥20 气象站点数据求取中~
  • ¥15 如何获取APP内弹出的网址链接
  • ¥15 wifi 图标不见了 不知道怎么办 上不了网 变成小地球了
手机看
程序员都在用的中文IT技术交流社区

程序员都在用的中文IT技术交流社区

专业的中文 IT 技术社区,与千万技术人共成长

专业的中文 IT 技术社区,与千万技术人共成长

关注【CSDN】视频号,行业资讯、技术分享精彩不断,直播好礼送不停!

关注【CSDN】视频号,行业资讯、技术分享精彩不断,直播好礼送不停!

客服 返回
顶部