0

这是一个奇怪的问题。我有一页通过相同的方法居中，所有其他页面都居中，但仅在我的 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=websites”的 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 上左对齐吗？提前致谢！

4

0 回答 0