0

我有一个关于响应式布局的问题。假设一旦浏览器大小小于“xx”，我就有一个样式完全不同的 css 文件。在我的示例中，css 代码如下：

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (max-width: 960px)

现在我的问题是：当我在移动设备上查看我的网站（http://web3.server.e-astro.de - 它的德语...）并点击一个链接时，我总是点击一个包含信息的子页面将菜单首先放在顶部，然后必须向下滚动才能找到真正的内容。解决方案是给内容链接一个类似的名称"<a name="start"></a>并直接链接到该名称。所以我并不总是把菜单放在上面。但我希望这只发生在移动版本上，而不是浏览器版本上。

所以我正在寻找这样的php代码：

<a href="site.php<?php IF ON MOBILE STYLESHEET VERSION echo '#start'; ELSE DO NOTHING ?>">

有人知道如何归档吗？我希望我说清楚了...

谢谢！！

4

2 回答 2

0

您最好在设计中考虑移动导航；我喜欢的一种方法是让菜单以折叠格式加载到移动设备上，然后在点击时展开。这将允许导航可访问，而不会妨碍页面上的其余内容。

Twitter Bootstrap在框架的响应组件中为移动设备提供了非常棒的可折叠导航。

于 2013-02-15T22:18:09.040 回答
0

CSS 不用于更改代码，它仅用于演示。要解决您的问题，您需要使用 PHP 检测用户设备，如果它是移动设备 - 您可以输出移动设备。

例如这个小类 - Mobile Detect

include 'Mobile_Detect.php';
$detect = new Mobile_Detect();

if ($detect->isMobile()) {
    echo '#start';
}
于 2013-02-15T22:24:35.460 回答