携帯電話の画面と同じページ幅で Web ページを表示しようとしています。したがって、たとえば、html ページの解像度は、それを表示する電話スクリーンの解像度になります。コンピューターで表示する場合は、横にホワイト ボーダーを配置した div に表示したいと考えています。だから、私はCSSでこれをしました：
html {
max-width: 400px;
margin: 0 auto;
}
しかし、iPhone画面の幅が400px未満の場合、ページ全体がiPhone画面で縮小されましたか? なんで？どうすればこれを修正できますか?
更新 - 以下のスクリーンショット。
