Css 编写媒体查询和我不知道';我不明白为什么它会改变我的img宽度而不是高度?
这不起作用:Css 编写媒体查询和我不知道';我不明白为什么它会改变我的img宽度而不是高度?,css,Css,这不起作用: @media (max-width : 600px) { img.resize { height : 10px; } } 这是: @media (max-width : 600px) { img.resize { width : 10px; } } 为什么??我需要添加最小高度还是最大高度?这是怎么回事?这可能是因为其他东西正在覆盖它。试试看!重要的是要查看它是否更改,如果更改,则其他内容将覆盖它高度:10px!重要的。顺便说一句,如果可以避免,
@media (max-width : 600px) {
img.resize {
height : 10px;
}
}
这是:
@media (max-width : 600px) {
img.resize {
width : 10px;
}
}
为什么??我需要添加最小高度还是最大高度?这是怎么回事?这可能是因为其他东西正在覆盖它。试试看!重要的是要查看它是否更改,如果更改,则其他内容将覆盖它<代码>高度:10px!重要的代码>。顺便说一句,如果可以避免,则不应使用“重要”是否在其他地方设置了可能会干扰height属性的宽度?也就是说,您是否还需要添加
width:auto
?@webdevkit其他位置的高度设置为300px,而图像的宽度设置为不同的百分比。我需要试着用一个百分比来表示高度吗?嗯。可能需要制作一把小提琴或其他东西来真正显示这个问题。我的直觉是这些属性相互干扰。也许您的其他高度是由一个更具特殊性的选择器设置的,它覆盖了@media声明。如果不使用浏览器的开发工具检查正在讨论的图像的CSS,很难判断。const fifty50th={width:'50%',marginTop:'0px',height:'300px',}const十五={width:'15%',marginTop:'100px',height:'300px'}const五十={width:'50%',marginTop:'0px',高度:“300px”}常数二十五={width:'25%',marginTop:'0px',高度:“300px”}常数七十={marginTop:'100px',宽度:'70%',高度:“300px”}我在反应,这是以前为它写的css。。我不知道我在做什么