ホームページ >ウェブフロントエンド >jsチュートリアル >iPhone/iPad デバイスの向きを検出する 3 つの方法_JavaScript スキル

iPhone/iPad デバイスの向きを検出する 3 つの方法_JavaScript スキル

WBOY
WBOYオリジナル
2016-05-16 16:51:381349ブラウズ

メタタグ「viewport」を使用します。

viewport タグには次の属性が含まれます。

iPhone/iPad デバイスの向きを検出する 3 つの方法_JavaScript スキル

画面の幅を自動的に検出して適応させるために、device-with固定値を設定する代わりに、ユーザーが画面を超えてインターフェイスをスケーリングしないようにするには、最大スケールを設定する必要があります。

コードをコピー コードは次のとおりです。

>
JavaScript スクリプトを使用します

次のスクリプトは、画面の幅を検出して方向を検出し、方向を調整します:

コードをコピーします コードは次のとおりです。


上 スクリプトはヘッドセクションに配置できます

CSS を使用

CSS メディアクエリを使用します:

コードをコピー コードは次のとおりです:



声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。