css < picture>未随视口大小缩放[关闭]

tpxzln5u  于 2023-06-25  发布在  其他
关注(0)|答案(1)|浏览(173)

**已关闭。**此问题为not reproducible or was caused by typos。目前不接受答复。

此问题是由打印错误或无法再重现的问题引起的。虽然类似的问题在这里可能是on-topic,但这个问题的解决方式不太可能帮助未来的读者。
4分钟前关闭
Improve this question
我很抱歉,如果这是千疮百孔的错误,但我是非常新的HTML和需要一些帮助,让我的图像与视口大小的规模。img将缩放到某个点,然后它开始覆盖容器,沿着我使用的备用图像。如果任何人有任何反馈,将不胜感激。
下面是我的CodePen WIP:
https://codepen.io/m34629/pen/GRwjJBm
我试过实现max-width:100%没有工作。
下面的命令允许img随视口缩放到某个点,但不能超过该点。

img {
  width: 100%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
}

编辑:当视口变小时,我的导航栏样式也会消失。虽然这是一个次要的问题,如果任何人有任何建议,以修复这一点,这将是非常感谢以及。

gtlvzcf8

gtlvzcf81#

您设置的媒体查询缺少右括号}。始终确保关闭所有规则,包括@media at-规则。
CSS在这种情况下创建嵌套的@media规则(通过“error/mistake”,猜测在哪里关闭规则)。所以你才会有意想不到的结果。img规则位于这些嵌套媒体查询中,在本例中,基本上意味着该规则对于大于1008 px的屏幕宽度是有效的。
看看浏览器开发工具,你会看到浏览器解释了什么:

相关问题