如何在响应式网页中指定最小字体大小

Question

我一直在尝试为我网站上的某些文字设置最小字体大小。以前，此文本过去缩小到移动大小的难以辨认的大小，因此我设置了媒体查询，以便为较小的屏幕尺寸设置特定的字体大小。

@media（max-width：760px）{

.tp-caption.medium-text {
    font-size: 15px !important;
    text-align:center !important;
    margin-top: 30px !important;
    }   

}

我遇到的问题是如何让文本正常包装。目前它没有包裹。当我为样式添加'white-space：normal'时，它似乎包含了每个单词，我无法弄清楚其他样式正在对这个元素进行处理以使其以这种奇怪的方式进行包装？

网站在这里：www.alexch.net/ignition

任何建议都是适用的

非常感谢 亚历

Answer 1

如果你问如何包装文本，那么css就是;

word-wrap: break-word;

您的网站不应缩小文字，您使用的是字体大小吗？