ホームページ > ウェブフロントエンド > htmlチュートリアル > メタビューポートタグの使い方(モバイル閲覧用ズームコントロール)_HTML/Xhtml_Webページ制作

メタビューポートタグの使い方(モバイル閲覧用ズームコントロール)_HTML/Xhtml_Webページ制作

WBOY
リリース: 2016-05-16 16:41:25
オリジナル
1506 人が閲覧しました

既存ファームウェアのOPはWebページを開くと必ず50%に縮小されて表示され、iPhoneのようなビューポート設定には対応できません。

Web ページ内にそのような文章がある場合、iPhone のブラウザでは元のサイズで表示され、拡大縮小はできません。


ここで:
width - ビューポートの幅
height - ビューポートの高さ
initial-scale - 初期スケーリング
minimum-scale - ユーザーがズームできる最小比率
最大スケール - ユーザーがズームできる最大比率
ユーザー スケーラブル - ユーザーが手動でズームできるかどうか

残念ながら、 M8 の OP はこれをサポートしていません。この設定を行うと、ブラウザが 100% のサイズで Web ページを開くことができるようになります。
Google は、Opera Mobile 9.5 のみがサポートできることを発見しました。新しいファームウェア バージョン 1.0 の OP ブラウザーがサポートできるかどうかは疑問です。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート