引导程序更改页边距

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 
    } 
} 

希望它有助于