@Media仅屏幕和（最大设备宽度）图像宽度和高度定义
我对智能手机上图像的宽度和高度有疑问。我用这个代码。但我不知道为什么在智能手机上它也使用与桌面屏幕相同的 13em 高度。所有其他智能手机定义都工作正常。
@media only screen and (max-device-width: 60em) {
/* STYLES HERE for DEVICES with physical max-screen width of 60em */
article img {
float: left;
margin-right: 0.2em;
width: 100%;
height: auto;
}
}
article img {
float: left;
margin-right: 0.2em;
height: 13em;
}
I have a problem with width and height of images on the smartphone. I use this code. But I don't know why on the smartphone it also uses the same height of 13em like on desktop screen. All other amartphone definitions work fine.
@media only screen and (max-device-width: 60em) {
/* STYLES HERE for DEVICES with physical max-screen width of 60em */
article img {
float: left;
margin-right: 0.2em;
width: 100%;
height: auto;
}
}
article img {
float: left;
margin-right: 0.2em;
height: 13em;
}
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
尝试将媒体查询放在文章 img 下。
不相关，但您不需要重复 float 和 margin-right，因为您没有覆盖它们。
Try putting the media query under the article img.
Not related but you don't need to repeat float and margin-right since you're not overriding them.