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