我定义了一个视口:
<meta name="viewport" content="width=device-width, initial-scale=1">
这是html和body样式:
html, body {
box-sizing: border-box;
}
我的问题是,在某些屏幕尺寸下,内容将从容器中移出并且不适合屏幕,例如以下示例:
example
完整的代码在这里:
https://jsfiddle.net/roniitzhaik/34678bq2/1/
最佳答案
加
#branding h1 {
...
overflow-wrap: break-word;
...
}
或更改字体大小。