试着-

word-wrap: break-word;

字符串
并将宽度设置为%。希望这能解决问题。

示例

<div>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div>

型

风格

div {
    width: 500px;
    word-wrap: break-word;
    font-size: 2vw;
}

型
Check it here

如果width被指定为px，那么您真的无法调整它的大小，除非您使用一些javascript/jquery！因此，如果在px中提到宽度真的很重要，那么可以通过jquery/javascript来实现。
因此，如果你同意在%中提到它，那么你肯定可以通过CSS来管理它，如下所示：

#wrapper{
    position: relative;//no need to change this
    width: 50%;
    word-wrap: break-word;//apply this.
    height: auto;
}

字符串

**DEMO**第一个字符