60

私は自分のウェブページでこのコードを使用しています

<meta name="viewport" content="width=1000, initial-scale=1.0, maximum-scale=1.0">

最初のスケールでウェブページがズームアウトされていることを確認できると思いますが、そうではありません。何か案は？

私はこれを試しました：

<meta name="viewport" content="width=device-width, initial-scale=1.0"/>

しかし、幅を1000pxに設定する必要があります。そうしないと、正しく表示されません。

答え：

<meta name="viewport" content="width=1000; user-scalable=0;" />
4

12 に答える 12

62

initial-scale=1.0ズームレベルを通常に設定するようにブラウザに指示します（つまり、ズームインまたはズームアウトしません）。必要なのはwidth=1000：

<meta name="viewport" content="width=1000">
于 2013-01-14T11:21:38.180 に答える
22

これを試して：

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

また

<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1" />
于 2013-01-14T09:32:47.933 に答える
6

また、ビューポートが問題だと思いましたが、テストしたところ、ビューポートは問題ではないと思いました。

私の場合の問題は、CSS：固定幅、または幅：自動ではなく幅：100％でした。したがって、ビューポートが問題ではないことがわかった場合は、CSSが次の推測になる可能性があります。

お役に立てば幸いです。

于 2018-01-02T21:00:18.493 に答える
4

私の場合、追加のコードを追加せずに次のコードを追加するだけで、画面のズームを正常に停止できました。

    <meta name="viewport" content="width=device-width">
于 2019-08-06T10:57:46.647 に答える
4

答えは、私たちが使用しているWebサイトにすでにあります。

要素を調べて、それStackOverflowを探すmeta viewport場合。あなたが見るでしょう

<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, minimum-scale=1.0">

したがって、を設定しwidth、heightCSSピクセル単位の画面の幅と高さを100％のスケールで設定します。このinitial-scaleプロパティは、ページが最初に読み込まれるときのズームレベルを制御します。最後minimum-scaleに、ビューポートのオプションの属性であり、Webサイトユーザーが実行できる最小ズームを定義します。

于 2020-03-24T11:52:09.177 に答える
3

上記の答えはどれも私にはうまくいきませんでした、そして私はなんとか答えを理解することができました。

初期メタタグの初期スケールは1でした。

ズームインせずにWebサイトをロードするには、初期スケールを1から0に変更する必要があります。

<meta name="viewport" content="width=device-width, initial-scale=0, maximum-scale=1">
于 2020-11-01T14:24:20.440 に答える
2

遊んでみました

<meta name="viewport" content="width=1000, initial-scale=1.0, maximum-scale=1.0">

私のサイトは実際にスケール1で1000pxの幅にレンダリングされているようです。ただし、私の携帯電話の画面にはサイト用のスペースがないため、サイトはビューポートの外側に続き、サイトがズームインされているように感じます。

この値を設定すると、サイトの幅が1000pxズームアウトされます。

 <meta name="viewport" content="width=1000">

これはあなたの問題ですか？

ちなみに、1000pxはモバイルWebサイトでは少し広いように聞こえますが、このWebサイトは元々モバイルデバイス用に作成されたものではないと思いますか？

于 2013-01-15T14:47:57.357 に答える
0

これを使用できます。

    <meta name="viewport" content="width=100%">
于 2019-01-27T19:07:41.170 に答える
0

ブートストラップリンクでstylesheet.cssを使用している場合は、それが更新されていることを確認してください。多くの場合、更新され、古いバージョンでエラーが発生する場合があります。

于 2020-06-17T00:28:44.627 に答える
0

私の問題は、最小幅のcssに本体を追加したためです。削除すると動作します

body
{
   padding: 0;
   margin:0;
   min-width: 800px;
   color: black;
}
于 2021-09-29T18:41:00.877 に答える
-1

私も同様の問題を抱えています。これを試して：

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

ミニマムスケールと関係があると思いますが、よくわかりません。

于 2013-01-11T06:16:20.163 に答える
-1

これを試してみてください...これは私のために働いた

 <meta name="viewport" initial-scale=1.0 content="width=100%">
于 2019-03-15T07:46:00.713 に答える