1

私は Joomla 3 を使用してアプリケーションを編集し、携帯電話と互換性を持たせようとしています。列として機能する 2 つの div を持つ div コンテナーを使用しています。例:

<div>
<div style="float:left; max-width:50%;">code for left</div>
<div style="float:right; max-width:50%;">code for right</div>
</div>

これはどの携帯電話でも恐ろしいことです。私はiPhoneで試しています。2 番目の div 内で生成されたコンテンツが、使用可能な画面サイズまたは div 幅を超えてオーバーフローしているようです。

モバイルで画面を分割し、携帯電話で「左の div」の下に「右の div」を表示する方法はありますか?

前もって感謝します

4

1 に答える 1

1

メディアクエリを使用する必要があります。

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}

例 : http://jsfiddle.net/Svqt5/ (ブラウザー ウィンドウのサイズを変更して、メディア クエリの動作を確認します)

ソース: http://css-tricks.com/snippets/css/media-queries-for-standard-devices/

于 2013-01-31T20:54:55.283 に答える