Question

这是一个奇怪的问题。我有一个页面以相同的方法居中，我的所有其他页面都居中但只在我的iPhone上，它已经决定离开了。

我将其缩小到导致问题的代码行：

<websitesnext><img src="graphic_elements/1-2.png" width="41" height="22" />&nbsp;&nbsp; <a href="javascript:showDiv('websites2')"><img src="graphic_elements/next-icon.png" width="32" height="22" /></a></websitesnext>

该行包含在标题为“div id = sites”的div中，位于表格下方。这是包装div的CSS，以及问题div的CSS：

#websites {
    position: absolute;
    top: 282px;
    left: 72px;
    width: 878px;
}

    websitesnext {
        position: absolute;
    left: 418px;
    width: 878px;
    top: 350px;
    z-index: 6;

}

以下是该行引用的javascript：

<script type="text/javascript">  //this is for the top gallery buttons
$(document).ready(function() {
            var option = 'websites2';
            var url = window.location.href;
            option = url.match(/option=(.*)/)[1];
            showDiv(option);
        });
        function showDiv(option) {
            $('.hidden').hide();   
            $('#' + option).show();
            $('#websites').hide();  //this hides the default gallery, which in this case is the first "websites" gallery page
    }
        </script>

我也注意到，在这个页面上，我的视口设置被忽略了！知道为什么这会导致我的所有页面内容在iPhone上都不合理吗？提前谢谢！

函数showDiv导致页面在iphone上左对齐

0 个答案: