結構不變
<body>
<main>
...
</main>
</body>
設定最外層的body寬度即可,
<style>
body{
width:100%;
max-width:640px; //這個
}
</style>
正常來說,Bootstrap 是用寬度來做處理居多。
所以如果是想要在PC瀏覧器就呈現手機的樣式,一般最快的方式就是直接限制BODY寬度處理。
但如果只是單純的想要模擬。最好還是直接使用F12的裝置模擬處理。
裏面可以直接限制寬高。而不是直接去改BODY。