1

私のページには、モバイル ブラウザを検出し、サイトを CSS で調整して、モバイルでの使用に適したものにする JavaScript があります。

ただし、サイトは最初は「デスクトップ」バージョンのまま表示され、再フォーマットに時間がかかります。これにより、快適な負荷体験が得られます。

jsまたはその他の方法で、デスクトップバージョンの代わりにモバイルバージョンを即座に表示する方法についての良いレシピに感謝します。

4

1 に答える 1

5

モバイルページへのリダイレクトを行うことができます

<script type="text/javascript">
<!--
if (screen.width <= 700) {
document.location = "/mobile";
}
//-->
</script>

または、同じページの CSS 修正を使用するには、次のようにします。

@media screen and (max-width:800px) {

// then put your mobile css in here

}

同じことですが、iPhone 5に固有です

@media screen and (device-aspect-ratio: 40/71)
{

}

詳細はこちら: http://css-tricks.com/snippets/css/media-queries-for-standard-devices/ および iPhone 5 CSS メディア クエリ

于 2013-06-15T11:19:23.340 に答える