デスクトップ上で問題なくモバイルデバイスで問題を解決する

Question

私のフロントエンドは、bootrstrap3で動作します。

Firstable私は以下のメタ追加することによって、固定、モバイルデバイス上の応答性の問題だった。うまく動作しますが、私はまだ奇妙な問題を持っている

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

を。ほとんどの場合、携帯端末のページに着くと、ズームは100％よりも低くなります。

実際、問題が発生しているときは、ページ全体がビューポートに表示されるため、ズームはページの高さと幅の合計に合わせられます。

誰かがこの問題を解決するソリューションを持っていれば、それは素晴らしいものです。あなたの頭のタグに次を追加

Answer 1

てみてください：iOSの4.2のモバイルSafariのために

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

。

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

私たちは、モバイルWebベースのアプリケーション上でズームを無効にしています。ネイティブiOSアプリをズームインすることはできません。ウェブアプリケーションでは不要です。サイトやアプリがモバイルに最適化されている場合、ユーザーはズームする必要はありません。ズームを無効にするための使用例が常にあります。必ずしも一方向である必要はありません。。