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

Question

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

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

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

有人对此有任何想法吗？

Answer 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: []
            });