您好,我正在開發一個網站,該網站基本上適用于臺式機、iPad和手機等所有網站,并且該網站具有完全回應能力,我使用了引導程式和其他一些@media規則,因此目前當我調整視窗大小時會自動調整該網站,所以現在我的期望是那。
期待 :
我有一個html body,我想設定body max-width為650px回應式內容,所以我如何使用一些 javascript 和 jquery 來實作這一點,如果您發布答案,那么這對我理解代碼很有幫助。
我的代碼
HTML
<body class="customcss">
<app-root></app-root>
</body>
CSS
.customcss{
max-width: '650px'; // this is set 650px to body page
margin: 0 auto; // body content display on center of the screen
}
您可以出于演示目的檢查此內容,我想與此相同
uj5u.com熱心網友回復:
body { max-width: 650px; }
或使用 rem 而不是 px 使其更具“回應性”,無需使用 JS
uj5u.com熱心網友回復:
document.body.style.maxWidth = "650px"
轉載請註明出處,本文鏈接:https://www.uj5u.com/qiye/314758.html
標籤:javascript html 查询 有角的 响应式设计
上一篇:通過AngularngFor指令中的索引訪問陣列的值
下一篇:角度路線未路由到組件
