javascriptとCSSのブラウザのサイズ変更に関する問題

Question

私は角度で作成された画像のグリッドを持っています...各画像は特定のマージンで区切られ、グリッド全体は自動余白を介してページの中央に配置されています。ブラウザのサイズを変更すると、列の数も多くなり、列の全量（切り捨てられない）が表示されます。また、右上に固定リンクがいくつかあります。すべての作品は素晴らしいです。しかし、ユーザーがズームレベルを100％以下に変更した場合でも、javascriptコードでは実際に余裕があるよりも1つ多くの列があると考えられます（常に1ピクセルまたは2ピクセル以下で表示されます）。

I私はブラウザのズームレベルにアクセスしてハードコードされた値を微調整する必要があると思っています（ブラウザーレベルのズームでは必要ないはずですが、すべてを小型化する必要があります）何らかの理由でズームイン私は2つのリンクのみをアップロードすることができるので、110％の画像は利用できません）...列のコンテナが90％であることが分かります。

Viewed at 100% Viewed at 90%

UPDATE：私は4列のグリッドが90％4列のグリッドで1248px の幅を必要とするであろう100％（元素を含む）スライダパネル を発見したが、幅を必要とします1249px 75％で4列グリッドは1251px の幅が必要であろうと67％で4列グリッドはまだ異なるズームレベルで、この画素サイズの違いを作成しているかを把握しようと1252px

の幅を必要とします。

UPDATE 2：この問題は、FirefoxとChromeで存在するが、いないIEまたはエッジ

Answer 1

あなたはフレキシボックスを使用してみましたか？古いブラウザをサポートする必要がある場合を除き、イメージのサイズを中心にイメージを配置することができます。最大幅/最小幅を設定すると、フレックスボックスで写真がラップされます。

コードレイアウトを見ることなく、本当に難しいと言えます。

Answer 2

あなたが本当にズームしたくない場合は、ただ、このメタタグを追加

<メタ名=「ビューポート」コンテンツ=「幅=装置幅、初期の規模= 1.0、最大規模= 1.0、ユーザースケーラブル=なし」/>

これはビューポートをズームするためにユーザーから停止します