CSS 属性在某些移动设备上不起作用

Question

这种情况经常发生在我身上，这让我发疯。我制作了我的网站，它在桌面上完全响应，我查看了 chrome dev-tools 和 mozilla dev-tools 中的响应切换。一切顺利。我去发布我的网站，一切看起来都很好，我在手机和平​​板电脑上检查了网站，这些也很好。现在，如果我的朋友使用不同的手机或平板电脑尝试访问它，图像要么被拉伸要么被挤压，并且不遵循我给他们的 CSS 属性。我不知道为什么会发生这种情况，并且还没有找到解决方案。任何帮助将不胜感激。

（这不是媒体查询问题，主要是图像失真，但仅限于特定屏幕）

Answer 1

不确定这是否有帮助，请尝试为除标题或横幅图像之外的小图像提供固定宽度和高度，并将它们包含在 flexbox 中。标题或横幅图片或多或少会根据移动布局进行修剪。