ズーム中にウェブサイトのコンテンツが動かないようにするにはどうすればよいですか？

Question

私はこの質問のための右の文言を考えるが、ここでは私の問題ではありませんでした。

、ユーザーが自分のページにズームインするには、Ctrl +プラスを押すと、コンテンツがお互いの周りをプッシュするようです。 たとえば、ページの左上隅に独自のナビゲーションdivがあります。

次に、メインのコンテンツテキストがページの中央に表示されます。ユーザーがズームインすると、中央に配置されたコンテンツはすぐにナビゲーションに向かって左に移動し、最終的にはラップアラウンドしてひどくなります。

私のページをどのように構造化して、ズームが安定した状態に保たれ、元の位置を歪ませることなく「ズームする」ようにすることができますか？

Answer 1

This link from "A List Apart"は、フォントサイジングと流体ウェブ開発の一部をカバーしています。フォントサイズの変更に合わせてページを構造化する方法の良い方向を示すはずです。 media queriesを参照すると、ブラウザやデバイスの特定の特性に基づいてスタイルを適用できるためです。

Answer 2

ズームでコードを中央に保持するにはどうすればよいですか？

コードをズームの中心に置きますか？

ANSWER：
<のdiv idは= "ラッパー">コード</div>

#wrapper 
    { 
    background-color: #F00; 
    width: 400px;//This width can be anything according to your need 
    margin-right: auto;//Note margin-right and left are allocated automatically 
    margin-left: auto; 
    } 

外このdivタグを配置し、別の方法

#wrapper 
    { 
    background-color: #F00; 
    width: 400px; 
    position:relative; 
    }