-1

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

Firefox 使用 Resizer 扩展查看 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？我应该怎么办？帮助！

4

1 回答 1

0

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

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

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

于 2013-11-01T10:02:15.930 回答