Question

请以www.lancoministorage.com为例。当我在iPhone上加载此站点时，内容显示在顶部（从呼叫按钮开始），除非有人手动拉下屏幕，否则看不到标题。有没有办法让我可以加载顶部显示的标题图像？

这就是我的主要布局。

<!DOCTYPE html>
<html>
<head>
<title>Lanco Mini Storage</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.css" />
<link rel="stylesheet" href="css/styles.css" />
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.js"></script>
</head>

<body> 

<div data-role="page" data-theme="c">
<div data-role="header" data-theme="c">
<img src="images/logo.jpg" alt="Lanco Mini Storage">
</div>
<!--header-->
<div data-role="content" data-theme="a">

        <ul data-role="listview" data-divider-theme="a" data-theme="b" data-inset="true">
            <li><a href="tel:7172916022">Call Us at (717) 291-6022</a></li>
            <li><a href="mailto:info@lancoministorage.com">Send Us an Email</a></li>
            <li><a href="#map" data-rel="dialog" data-transition="turn">Map to Our Location</a></li>
            <li><a href="#hours" data-rel="dialog" data-transition="turn">Hours of Operation</a></li>
        </ul>

</div><!--content-->
<div data-role="footer" data-theme="c">
    <div data-role="navbar" data-iconpos="top" class="footer">
        <ul>
            <li><a href="/view-full-site.asp" rel="external" data-icon="home">View Full Website</a></li>
        </ul>
    </div><!--navbar-->
</div><!--footer-->
</div><!--page-->

...页面内容继续（未显示）

感谢您的帮助！

为什么我的目标网页（内置于jquery mobile）定位到内容（标题下方）？

0 个答案: