javascript - CSS 属性在某些移动设备上不起作用
问题描述
这种情况经常发生在我身上,让我发疯。我制作了我的网站,它在桌面上完全响应,我查看了 chrome dev-tools 和 mozilla dev-tools 中的响应式切换。一切都很好。我去发布我的网站,一切看起来都很好,我在手机和平板电脑上查看了网站,这些也很好。现在,如果我的朋友有不同的手机或平板电脑尝试访问它,图像要么被拉伸,要么被挤压,并且不遵循我给它们的 CSS 属性。我不知道为什么会发生这种情况并且还没有找到解决方案。任何帮助将不胜感激。
(这不是媒体查询问题,主要是图像失真,但仅在选定屏幕上)
解决方案
不确定这是否有帮助,尝试为除标题或横幅图像之外的小图像提供固定宽度和高度,并将它们包含在 flexbox 中。标题或横幅图像将或多或少地根据移动布局进行修剪。
推荐阅读
- python - 变量未添加到数组中
- mysql - 在 SQL 查询中需要帮助以检查是否有医生访问
- powerbi - 返回的错误:'OLE DB 或 ODBC 错误:[DataSource.Error] Teradata:[Teradata Database] [3119] 继续请求提交但没有响应返回
- nested-for-loop - 使用 trinket.io 嵌套 For 循环
- sql - 如何将多个 xml 元素提取到单个表中?
- php - 将 php 变量传递给 php 文件中的 CSS 代码
- amazon-web-services - 从 Amazon S3 路径读取 TFRecordfile
- spring - Spring Cloud 流“发现没有提交的偏移量”
- php - 向 PHP Web 表单添加多项选择题
- java - Pyspark 以 zip 格式提交 py 文件:java.io.FileNotFoundException