ブラウザズームはCSSで定義されたピクセルにどのように影響しますか？

Question

例：300pxの幅の要素があります。それからズームインすると300pxの幅の要素がありますが、すべてのCSSピクセルが大きくなります。しかし、max-width：1000pxを設定した後、1瞬間の要素開始縮小幅でズームインされます。どうして？

Answer 1

最大幅は、要素が1000pxを超えて拡大縮小されないようにするためです。なぜなら、コンテナの幅または画面が1000px未満になると、要素は幅の50％に反応します。

element { 
    width: 50%; 
    max-width: 1000px; 
} 

300ピクセルの固定幅を設定する場合要素がもはや応答し、画面のズームまたはサイズ変更に応じてサイズを変更することができません。したがって、要素のズームインでサイズが保持されている場合、下のコードで要素が300pxを超えることはないため、最大幅は関係ありません。

element { 
    width: 300px; 
    max-width: 1000px; 
} 

質問がある場合はお知らせください。