2

ラップトップ/デスクトップで、ユーザーがウェブページでズームイン/ズームアウトすることを制限する方法はありますか?

私は以下のコードを試してみました：

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

モバイルでは問題なく動作しますが、ラップトップ/デスクトップでは失敗します。

4

1 に答える 1

4

ビューポート メタ タグは、デスクトップ ブラウザーには影響しません。これは、純粋にモバイル ブラウザーをターゲットにするためのものです。

次の CSS を使用して、デスクトップ ブラウザーでのテキストのズームを試行および防止できます。

<style type="text/css">
-webkit-text-size-adjust:none;
-ms-text-size-adjust:none;
-moz-text-size-adjust:none;
text-size-adjust:none;
</style>

ただし、これは実験的なものであり、広くサポートされていません。Moz 開発者ネットワークを参照してください: https://developer.mozilla.org/en-US/docs/Web/CSS/text-size-adjust

個人的には、ユーザーがブラウザでズームインできないようにすると、アクセシビリティが大幅に低下すると思います。一部のユーザーは、Web 上のコンテンツを利用するために拡大する必要があります。

正しく機能し、引き続きアクセス可能な Web ページの作成に関心がある場合は、W3 アクセシビリティ ガイドライン ( http://www.w3.org/WAI/intro/accessibility.php ) を確認し、Wave でページをチェックしてください: http: //wave.webaim.org/

于 2014-09-12T15:39:45.510 に答える