我使用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,则第二个规则将覆盖第一个。