1

请参阅 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--> 

...页面内容续(未显示)

谢谢您的帮助!

4

0 回答 0