平板电脑和手机：在中间对齐内容

Question

我在这个网站上工作http://sg.nowcommu.myhostpoint.ch/，我只需要在平板电脑和智能手机上对齐内容。

这是怎么看起来像在iPad例如enter image description here

Answer 1

使用媒体的CSS语句，如 @media only screen and (max-device-width: 769px){} 然后添加相关项目，以它如

.text-r,.text-l{text-align:center} 

您还可能有通过添加以下几项来覆盖您的其他css语句，请记住在需要时使用!important

float: none; 
width: 100%; 

Answer 2

您正在使用两个类对齐内容离开和右.text-r和.text-l只是改变了这两个类的对齐少中心的屏幕小于或等于768px：

@media all and (max-width: 768px) { 
    .text-r,.text-l { 
     text-align: center; 
    } 
}