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

Question

我正在练习如何使用bootstrap创建响应式网站。当我使用Resizer扩展程序在Firefox和Chrome上测试我的网站时，一切都很好但是当我试图在Safari上查看它时，其中一个框中的底部填充有一个非常小但明显的差异（紫色的一个带有大于标记）。我附上照片以显示我的意思。

使用Resizer Extension的Firefox视图 http://i168.photobucket.com/albums/u173/carlocarr/ScreenShot2013-11-01at52435PM_zps8da019a9.png

使用开发者工具的Safari视图 http://i168.photobucket.com/albums/u173/carlocarr/ScreenShot2013-11-01at52455PM_zps587313c1.png

是否有任何Safari Mobile特定的CSS？我该怎么办？救命！

Answer 1

我听说w3cSchool不是最好的资源（由于不准确），但我觉得这可能对你有用。似乎图像正在被裁剪，但看看这个并看到你自己的CSS3代码来识别问题，你可能还需要考虑使用相对定位而不是绝对。

http://www.w3schools.com/cssref/css3_browsersupport.asp

另外，考虑到虽然某些浏览器似乎“现在”支持CSS3的功能，但您还需要检查版本兼容性。您可以将站点设置为使用特定的CSS3功能，具体取决于版本。