max-widthは幅を無効にする必要がありますが、

Question

複数のサイトでドキュメントを確認したところ、max-widthはCSSのwidthを上書きする必要があります。何らかの理由で、しかし、それは常に800pxにとどまっています。これは私のCSSです：

.content{ 
    width: 800px; 
    max-width: 100%; 
} 

これは右、それを縮小し、ウィンドウが小さくなる場合を除き、それは広い800ピクセルに滞在すること、そしてすべきですか？私はまた別の方法で試しました：

.content{ 
    width: 100%; 
    max-width: 800px; 
} 

これは私に同じ結果をもたらします。何があっても常に800pxです。私はmin()を使用することを考えていましたが、それはCSSから削除されていることが判明しました（なぜ、私は分かりません）。誰かが私が間違っていることを知っていますか？

私は<meta name="viewport" content="width=device-width, initial-scale=1.0">を私のヘッダーに含めたことを指摘しておきます。それは効果がありません。

Answer 1

tiが800pxより大きい場合、device-widthが800pxより大きい可能性があることを知っていなければなりません。最大幅：100％は、800pxよりも広いdomがラッパーを気をそらさない限り機能しません。