移动端文字如何自适应

Question

如图 文字如何根据屏幕大小 显示完全 自动换行之类的。
用了 word-wrap: break-word; 这个属性还是没有作用。

刚接触 不知道怎么实现。

Answer 1

http://html-js.com/article/MobileWeb

Answer 2

自动换行用行内元素就行了，跟是否移动端没啥关系。

Answer 3

你那个“活动活动活动”是用是用div包起来并设定了高度？
如果是请把高度去掉。当然贴代码是必要的

Answer 4

自适应页面的宽高一般来说不要写死，可以用百分比的方式（也可以了解一下rem写移动端）。对于你的问题，可能是固定的宽度或者是高度小于等于line-height并设置了overflow:hidden。
另外，word-wrap: break-word是用在长的单词换行的。