HTML&；CSS页脚，在iPhone上宽度较短

我有这个网站，它在所有浏览器中看起来都很好，除了在iphone上…页脚宽度比在WebBroswer上短…有人知道我在说什么吗

这是我的密码

<div class="footerWrapper">
<div class="footer">

<div class="footerNav">
<ul>
<li><a href="home.php">Home</a></li>
<li><a href="about.php">About Us</a></li>
<li><a href="gallery.php">Gallery</a></li>
<li><a href="services.php">Services</a></li>
<li><a href="contact.php">Contact Us</a></li>
</ul>
</div><!--footerNav-->

<div class="footerContact">
<ul>
<li>Email - <span style="text-transform:lowercase"><a href="mailto:email@northshorelandscapefirm.ca">email@northshorelandscapefirm.ca</a> | <a href="mailto:email2@northshorelandscapefirm.ca">email2@northshorelandscapefirm.ca</a></span></li>
<li> | </li>
<li>PHONE - <a href="callto:+5555555555">555.555.5555</a> | <a href="callto:+5555555555">555.555.5555</a></li>
</ul>
</div><!--footerContact-->

我知道它有很多代码，但如果有人能帮忙，我将不胜感激

提前感谢，

---

J

只是对Tony318的回答的跟进。您可以使用以下内容：

if (window.navigator.userAgent.indexOf('iPhone') != -1) {
    //iphone specific code to resize footer
}

---

移动电话总是略有不同。您可能需要在顶部添加javascript来检查iphone，以及它是否是从专门为iphone配置的不同CSS文件中提取的iphone。怎么做？我不知道，但这是可能的。

if (window.navigator.userAgent.indexOf('iPhone') != -1) {
    //iphone specific code to resize footer
}