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

Question

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

（这不是媒体查询问题，主要是图像失真，但仅在选定屏幕上）

Answer 1

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