1 回答

TA貢獻2012條經驗 獲得超12個贊
他們使用名為 Widecontainer 的容器,其樣式如下
.widecontainer {
position: relative;
max-width: 1080px;
margin: 0 auto;
padding: 0 20px;
}
這是網站中的常見做法,我在網站中使用邊距容器,代碼如下
.margins-container {
width: 85%;
max-width: 1244px;
margin: 0 auto 0 auto;
@media (max-width: $tablet) {
margin: 0 auto 20px auto;
width: 95%;
}
&.no-margin {
margin: 0 auto;
}
&.constrained {
width: 85%;
}
}
在每個新部分中,它們將包含邊距容器,以確保網站保持在相同的限制范圍內,但同時可以通過僅一個選擇器的樣式進行調整。
使用這樣的邊距容器通常會遵循這種格式
<section class="main-content">
<div class="margins-container">
// content
</div>
</section>
<section class="secondary-content">
<div class="margins-container">
// secondary content
</div>
</section>
- 1 回答
- 0 關注
- 103 瀏覽
添加回答
舉報