Navbar菜单在ipad上响应

时间:2016-08-05 10:21:41

标签: html css twitter-bootstrap ipad

我的平板电脑和ipad(迷你和空气)网站上的标题有问题。 菜单没有响应,只能在电脑和智能手机上使用

我在Bootply上尝试了它并且它有效:

http://www.bootply.com/lM8zFcgKl7

我网站上的屏幕: Screen of my site

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

2 个答案:

答案 0 :(得分:0)

我使用的是Mobile_Detect.php,这是检查设备的绝佳工具。

我还写了两个不同的样式表screen.cssmobile.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())

答案 1 :(得分:0)

您面临的nav width问题缩小平板电脑屏幕的font-sizepadding,然后它就会对齐。