打破单词以使其适合屏幕

时间:2017-06-21 16:00:08

标签: html css

在此网站上:http://www.faadinkroptilbage.dk当屏幕变小时,我需要显示:Sidste nyt(顶部的部分)以适应屏幕的部分。现在,当屏幕足够小时,它是不可读的。

许多解决方案建议采取以下措施:

width: 100%;
height: 100%;
margin: 0;
padding: 0;

这对我的情况没有帮助,我不知道为什么。我对css不太熟悉。 我也尝试添加:word-wrap: break-word;但没有运气。

非常感谢任何帮助

3 个答案:

答案 0 :(得分:2)

您的问题是由width: 675px;上的明确#mtphr-dnt-326引起的。不需要破解词等,只需摆脱那个宽度

答案 1 :(得分:1)

您的div中的内联样式宽度为675px,ID为" mtphr-dnt-326"。删除此宽度将解决您的问题。

答案 2 :(得分:-1)

尝试将其添加到CSS文件

@media (max-width: 767px) {
   #mtphr-dnt-326{max-width:100%;}
}