メタビューポートタグの使い方（モバイル閲覧用ズームコントロール）_HTML/Xhtml

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

WBOY

リリース： 2016-05-16 16:41:25

オリジナル

1437 人が閲覧しました

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

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

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

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