Shopify Mobilia主題中的神祕邊距/填充

-1

我目前正在從Shopify Mobilia主題中挖掘產品頁面模板，我無法擺脫頁面兩側的邊距/填充。我搜索了CSS並且沒有成功地使用Firebug。Shopify Mobilia主題中的神祕邊距/填充

標題很好，但在1080p顯示器上，內容和頁腳左側大約50px，右側大約80px。這對於白色背景的內容來說很好，但對於棕色背景的div有點難看。

頁的問題： http://higher-tea.com/products/subscription

任何建議感激地接受。

謝謝。

來源

2016-10-08 GSig

我看着你的代碼，它表明

div.container { 
    margin: 0 auto; 
    padding: 20px 0; 
}

現在margin:0 auto，作品以神祕的方式，它基本上水平對齊上應用它離開同裕在兩側的元素，我猜是這樣原來的寬度爲1080px，但現在該頁面只有960像素寬度（參考下文）

@media only screen and (max-width: 1199px) and (min-width: 960px) 
.container { 
    position: relative; 
    width: 960px; 
    margin: 0 auto; 
    padding: 0; 
}

所以它給我們留下了1080-960 = 120像素，所以基本上60像素60像素的保證金左右，也，子容器.container只是940px長，沒有居中對齊，因此剩餘的20被添加到右側的空間從而使雙方一個60像素和80px保證金，希望這有助於（參考下圖）

container .sixteen.columns { 
    width: 940px; 
}

來源

2016-10-08 08:03:16 Siddharth

感謝詳細響應。我很好奇爲什麼主頁不受同樣的利潤率影響？類似的棕色背景部分也使用16或8類，但背景是屏幕的整個寬度？我在編輯的模板中缺少什麼？同樣，主頁頁腳也不受這些頁邊空間的影響。謝謝你的時間。 – GSig

也許主頁有不同的寬度規則，看看它，你會發現一些東西，我盡我所能:) – Siddharth

我檢查，他們正在使用100％寬度（例如：.flex活動幻燈片），就像我說的，在主頁上，以便適合，如果我的答案可以幫助你，請將其標記爲正確 – Siddharth

Shopify Mobilia主題中的神祕邊距/填充

回答

相關問題