从主屏幕访问网站后，iphone safari 上的不同 CSS 行为答案

【问题标题】：different CSS behaviour on iphone's safari after visiting website from home screen从主屏幕访问网站后，iphone safari 上的不同 CSS 行为
【发布时间】：2013-05-01 10:57:52
【问题描述】：

我在http://m.crossfitbratislava.sk 网站上遇到了困难。在 PC/MAC 上测试时，一切正常。当我在 safari 中启动网站时 - 看起来一样。

当我将网站保存到我的主屏幕并从那里启动它时，问题就出现了。整个网站布局被破坏。

我认为这与全屏模式有关，但我不知道该怎么做才能摆脱它。

有人知道吗？

【问题讨论】：

您是否尝试过从<style type="text/css" media="screen">@import "../assets/css/jqtouch.css";</style> 更改为普通样式调用<style type="text/css" href="../assets/css/jqtouch.css" />？顺便说一句，OP 没有告诉的“差异”：似乎徽标是浮动的（在 div 之外），当更改页面时，页脚在布局中的某个位置，等等。
css 定义的优点，但没有帮助
我能找到的关于调试独立网站的信息如下：stackoverflow.com/questions/9071022/… 没有 Mac 可以测试：/

标签： iphone css safari

【解决方案1】：

所以我通过将 JQT 变量中的全屏模式设置为 false 来修复它。现在当它通过桌面图标启动时，它有 url 栏，就像用 safari 打开一样

var jQT = new $.jQTouch({
                addGlossToIcon: false,
                startupScreen: 'loading_logo.PNG',
                statusBar: 'black-translucent',
                themeSelectionSelector: '#jqt #themes ul',
                fullScreen: false,
                preloadImages: []
            });

【讨论】：