-1

私のページhttp://goo.gl/ kNAXq (ブラウザのスペースを削除してください。Google にこのページを私のサイトにリンクさせたくないので、ここのリンクを置き換えないでください。) S をクリックすると、平均的な PC/Mac ブラウザを使用した MAP では、スクロール バーを含むポップアップが表示されますが、これは意図されたものです。私のAndroid携帯電話の標準ブラウザにはそれらの境界線が表示されませんが、収まらないものはそこで切り取られます. 原因は何ですか？

また、 RoutenplanungとZur Karteは、有効なリンクであってもクリックできません。

<a href="https://maps.google.com/maps?saddr=49.4538517,11.0773238&daddr=49.455856,11.074445&dirflg=w&hl=de">Routenplanung</a>

と

<a style="a:link {text-decoration:underline;}" href="#mapdiv">Zur Karte</a>

意図したとおりに機能しないのはなぜですか?

4

1 に答える 1

0

ほとんどの場合、モバイル ブラウザにはスクロール バーがありません。divのコンテンツを上にドラッグするだけですが、divが小さすぎて適切につかむことができません（少なくともデスクトップで見たものに基づいて、携帯電話にロードするのに永遠に時間がかかります...）。

その上に別の要素があるため、リンクは機能しません... <i> (なぜ i?) は絶対的にリンクの上に配置されます。

まず、 <i> はテキストをイタリック体にするためのものであり、非推奨です。より良い設定は、含まれている div にシャドウを配置することだと思います。i 要素を削除するだけです。1 つの欠点は、灰色の表のセルに背景色を実装する方法を変更する必要があることです。

シャドウをクラスとして div に追加するだけです。

次に、css を次のように変更します。

.results-bl.shadow {
    -webkit-box-shadow: inset 0px 0px 10px rgba(0, 1, 1, 0.5);
    -moz-box-shadow: inset 0px 0px 10px rgba(0, 1, 1, 0.5);
    box-shadow: inset 0px 0px 10px rgba(0, 1, 1, 0.5);
}
于 2013-03-29T04:55:45.150 に答える