css – 更改text-align响应(使用Bootstrap 3)?

前端之家收集整理的这篇文章主要介绍了css – 更改text-align响应(使用Bootstrap 3)?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我使用Bootstrap 3为一个博客。在我的自定义CSS,我最近添加
body {
    text-align: justify;
    ...
}

我喜欢在更大的屏幕(平板电脑,桌面)上的结果。但在小屏幕(手机),合理的文本不工作,由于较窄的列,我的博客的偶尔使用长期技术术语,像这样。

我可以响应文本对齐:只在更大的屏幕上对齐?

是否可以单独通过CSS,或者,我需要写一些自定义JS这样做吗?

解决方法

是的,像这样(你的断点设置为48em):
body{
    text-align: left;
}
@media screen and (min-width: 48em){
    body{
        text-align: justify;
    }
}

如果视口宽度大于48em,则第二个规则将覆盖第一个。

猜你在找的CSS相关文章