CSS HTML实现后,却发现与屏幕宽度不一致,超出部分如何解决?

div宽度与屏幕的大小不一致,试了很多方法无法解决!

在这里插入图片描述
咱们这次要实现的是宽度自适应,与屏幕大小一致,可是但整体的内容编程出来后却是”宽度超出很多,如下图:“
在这里插入图片描述
相信大家都有遇到过这种类似情况,在我上网搜索了解决方法后,仍然不能解决我的超出宽度。
(第一种使用:width:auto; overflow:hidden)
(第二种使用:宽度:100%;填料;箱上浆:边界框;)
下面是我的解决方案,首先使用一个meta标签屏幕的自适应宽度,然后加使用一个大div包裹住,使用CSS样式将屏幕宽度超出宽度适应去掉,下面奉上代码图:
在这里插入图片描述
在这里插入图片描述
问题终于解决了,屏幕宽高度适应了!!很多时候,解决问题的方法不止一种,需要我们以实际情况去一一对应解惑。
我是程序员菜鸟柠夏呀,希望能够帮到大家哈哈!

  • 4
    点赞
  • 11
    收藏
    觉得还不错? 一键收藏
  • 5
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值