**已关闭。**此问题为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;
}
编辑:当视口变小时,我的导航栏样式也会消失。虽然这是一个次要的问题,如果任何人有任何建议,以修复这一点,这将是非常感谢以及。
1条答案
按热度按时间gtlvzcf81#
您设置的媒体查询缺少右括号
}
。始终确保关闭所有规则,包括@media at-规则。CSS在这种情况下创建嵌套的@media规则(通过“error/mistake”,猜测在哪里关闭规则)。所以你才会有意想不到的结果。img规则位于这些嵌套媒体查询中,在本例中,基本上意味着该规则对于大于1008 px的屏幕宽度是有效的。
看看浏览器开发工具,你会看到浏览器解释了什么: