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

CSSはコードを変更するためのものではなく、プレゼンテーションのためだけに使用されます。問題を解決するには、PHPでユーザーデバイスを検出する必要があります。モバイルの場合は、モバイルのものを出力できます。

たとえば、この小さなクラスでは-モバイル検出

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

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

デザインではモバイルナビゲーションを検討するのが最善です。私が好きなアプローチの1つは、メニューを折りたたんだ形式でモバイルにロードし、タップすると展開することです。これにより、ページ上の残りのコンテンツを妨げることなく、ナビゲーションにアクセスできるようになります。

Twitter Bootstrapは、フレームワークのレスポンシブコンポーネントで、モバイル向けの非常に優れた折りたたみ可能なナビゲーションを備えています。

于 2013-02-15T22:18:09.040 に答える