简体繁体 English

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

[英]CSS properties not working on certain mobile devices

原文 2021-05-13 03:13:36 6 1 javascript/ html/ css/ image/ styling

This has been happening to me quite frequently and its driving me nuts.这种情况经常发生在我身上，让我发疯。 I make my website, It's completely responsive on desktop, I looked at the responsive toggle in chrome dev-tools and mozilla dev-tools.我制作了我的网站，它在桌面上完全响应，我查看了 chrome dev-tools 和 mozilla dev-tools 中的响应式切换。 Everything is fine.一切都很好。 I go to publish my site, everything looks good, I check the site on my phone and tablet and those are fine too.我 go 发布我的网站，一切看起来都很好，我在手机和平板电脑上查看了网站，这些也很好。 Now if my friend who has a different phone or tablet try's to access it, the images are either stretched or squeezed and do not follow the CSS properties I gave them.现在，如果我的朋友有不同的手机或平板电脑尝试访问它，图像要么被拉伸，要么被挤压，并且不遵循我给他们的 CSS 属性。 I have no idea why this is happening and haven't been able to find a solution yet.我不知道为什么会发生这种情况并且还没有找到解决方案。 Any help would be greatly appreciated.任何帮助将不胜感激。

(This is not a media query issue It's mainly images getting distorted, but only on select screens) （这不是媒体查询问题，主要是图像失真，但仅在 select 屏幕上）

1 个解决方案

not sure if this would help, try giving fixed width & height for small images other than header or banner images and include them in flexbox.不确定这是否有帮助，尝试为除 header 或横幅图像以外的小图像提供固定宽度和高度，并将它们包含在 flexbox 中。 Header or Banner images will more or less will get trimmed with respect to mobile layout. Header 或横幅图像将或多或少地根据移动布局进行修剪。