导航栏菜单在iPad上响应

Question

我在平板电脑和ipad（迷你和空中）上的网站标题出现问题。 菜单未响应，仅在PC和智能手机上有效

我在Bootply上尝试了它，并且效果很好：

http://www.bootply.com/lM8zFcgKl7

我网站上的屏幕：

我的网站网址： http : //www.hexaweb.it/clienti/noi

Answer 1

我正在使用Mobile_Detect.php ，这是一个非常酷的工具来检查设备。

我还写了两个不同的样式表screen.css和mobile.css

所以基本上它是这样的：

<? if($detect->isMobile()) { ?>
    <link rel="stylesheet" href="<? echo $siteroot ?>css/mobile.css" type="text/css">
<? } else { ?>
    <link rel="stylesheet" href="<? echo $siteroot ?>css/screen.css" type="text/css">
<? } ?>

它还支持平板电脑if($detect->isTablet())

Answer 2

您面临的nav width问题减少平板电脑屏幕的li font-size和li的padding ，然后它将对齐。