【问题标题】:the website is displaying differently on Safari Mobile View该网站在 Safari Mobile View 上的显示方式不同
【发布时间】:2013-11-12 12:05:15
【问题描述】:

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

使用 Resizer 扩展的 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?我该怎么办?帮助!

【问题讨论】:

    标签: html css google-chrome firefox safari


    【解决方案1】:

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

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

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

    【讨论】:

    • 我没有使用任何 css3,也没有将其设置为该元素的绝对定位。
    猜你喜欢
    • 2021-10-26
    • 1970-01-01
    • 1970-01-01
    • 2018-06-25
    • 2011-02-18
    • 1970-01-01
    • 2015-04-06
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多