19

次のhtmlコードを使用しています

<!DOCTYPE HTML>
  <html>
    <head>
     <title>test</title>
      <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
      <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    </head>
    <body>
    test
    </body>
  </html>

私の意図は、ユーザーがズームインまたはズームアウトできないようにすることです。上記のコードは iPhone と Android では機能しません。解決策はありますか？

編集:が下のようZoomに選択されている場合、iPhone の設定に表示され、メタ タグが上書きされます。ソースOnSettings>Accessibility>Zoom

なぜそれがアンドロイドで起こっているのか分かりません。

4

6 に答える 6

5

このタグを使用して、すべてのモバイルプラットフォームでズームを防止します。

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, target-densityDpi=device-dpi" />

ありと,なし;

于 2012-05-28T11:12:56.097 に答える
5

私の側では、この「ビューポート」は Android (Nexus 5) と iPhone でうまく機能します。

<meta name="viewport" content="width=device-width; initial-scale=0.5, maximum-scale=0.5, minimum-scale=0.5; " />

これがお役に立てば幸いです。

于 2014-09-05T12:56:43.020 に答える
1 
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width; height=device-height" />

Samsung Galaxy S3でうまく機能しました

于 2014-06-08T08:38:01.027 に答える
1

通常の iOS (11.3) ブラウザでは動作しなくなったようです。

ただし、ホーム画面に追加してそこから起動すると、Web ページには影響します。

そのため、共有メニューをタッチして [ホーム画面に追加] を選択し、そこから開くと、期待どおりにズームできなくなります。

<meta charset="utf-8" />
<title>luckydonald/SelfhostedMouse</title>
<meta name="apple-mobile-web-app-title" content="SelfhostedMouse" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<meta name="viewport" content="user-scalable=no; width=device-width; initial-scale=1.0; minimum-scale=1.0; maximum-scale=1.0">
于 2018-06-14T16:26:30.997 に答える