引導程序更改頁邊距

Question

當內容顯示在移動設備上時，是否有方法可以更改屏幕左側和右側的內容邊距？ 因此，內容在桌面上有餘量，手機上沒有餘量。 任何想法？

Answer 1

是的，使用媒體查詢。通過媒體查詢，您可以說在屏幕的某個寬度處應該激活某個css。例如，當你的屏幕寬度不超過400px時，它應該使字體大小回到10px。以下面的代碼爲例：

@media screen and (max-width: 400px){ 
    p{ 
     font-size: 10px; 
    } 
} 

祝你好運！

Answer 2

正如卡斯帕爾所說，您需要使用媒體查詢，El Devoper爲您提供了鏈接。如果您使用引導，也許您必須使用!important來覆蓋引導程序的默認屬性。

@media screen and (max-width: 320px){ 
    p{ 
     margin-left: 10px !important 
     margin-right: 10px !important 
     //or just use "margin: 0 10px !important" to set margins like this: 
     //top and bottom = 0, left and right = 10px 
    } 
} 

希望它有助於