Html 该网站在Safari Mobile View上的显示方式有所不同

Html 该网站在Safari Mobile View上的显示方式有所不同,html,css,google-chrome,firefox,safari,Html,Css,Google Chrome,Firefox,Safari,我正在练习如何使用bootstrap创建一个响应迅速的网站。当我使用Resizer扩展在Firefox和Chrome上测试我的站点时,一切都很好,但当我试图在Safari上查看它时,其中一个框(带有大于号的紫色框)的底部填充有一个非常小但明显的差异。我附上这些照片来说明我的意思 使用Resizer扩展的Firefox视图 使用开发人员工具的Safari视图 是否有特定于Safari Mobile的CSS??我该怎么办?救命啊 我听说w3cSchool不是最好的资源(由于不准确),但我觉得这可

我正在练习如何使用bootstrap创建一个响应迅速的网站。当我使用Resizer扩展在Firefox和Chrome上测试我的站点时,一切都很好,但当我试图在Safari上查看它时,其中一个框(带有大于号的紫色框)的底部填充有一个非常小但明显的差异。我附上这些照片来说明我的意思

使用Resizer扩展的Firefox视图

使用开发人员工具的Safari视图


是否有特定于Safari Mobile的CSS??我该怎么办?救命啊

我听说w3cSchool不是最好的资源(由于不准确),但我觉得这可能对您有所帮助。看来图像正在裁剪,但看看这个,看看你自己的CSS3代码来识别问题,你也可能不得不考虑使用相对定位,而不是绝对。


另外,考虑到一些浏览器可能“现在”支持CSS3的功能,您还需要检查版本兼容性。您可以根据不同的版本将站点设置为使用特定的CSS3功能。

im不使用任何CSS3,也不将其设置为该元素的绝对位置。