时间戳

首页 > 解决方案 > CSS 和 HTML 在 iOS 和 MacOS Safari 甚至 Chrome 中都无法正确显示

html - CSS 和 HTML 在 iOS 和 MacOS Safari 甚至 Chrome 中都无法正确显示

问题描述

我有以下问题：我有这个正在建设中的网站https://endertainment.com，它是用 PHP 和 MySQL 从头开始​​构建的，就像我做的其他任何事情一样。问题是当您从 Mobile Safari 或 Safari 访问该网站时，该网站并未显示所有必须显示的元素。当您从 Android（任何浏览器）或 Windows 甚至在 Linux 中访问时，该网站可以很好地显示任何元素。我已经在BrowserStack和CrossBrowserTesting中运行了测试......两者都显示了相同的结果；网络没有正确显示。我已经删除了每个 flexbox 属性并改用 inline-block。例如，这个其他网站 ( https://tuticketazo.com ) 也处于建设状态并使用相同的结构https://endertainment.com。我已经进行了更改域指向的服务器文件夹的测试；从头开始上传一个简单的 html 页面，无需 PHP；在没有 SSL 的情况下使用...我认为已经测试了所有内容，但在 iOS Safari、Mac OS Safari 甚至在 MacOS 中的 Chrome 中显示了元素但不是以正确的方式。

标签： htmlcssiosmacossafari

解决方案

您应该设置标题标题的行高。

#MainTitles h1 { line-height: 50px } 

#LangSelect a { line-height: 20px; }

但问题不在这两条规则之内。我没有确定完整的 CSS 代码，我只是检查了我看到损坏的地方的小修复

推荐阅读