为什么浏览器会自动换行网页的文本而没有任何指示如何操作?

Why do the browsers automatically wrap text of a web page without any indication about how to do it?

我正在尝试思考响应式,就网页设计而言。我做的第一个愚蠢的测试:打开一个空白文件,在里面放一些文本。大量文本(lorem ipsum,随便什么)。即使没有任何 HTML 标记。使用 .html 扩展名保存文件,并使用任何现代浏览器打开它:Chrome、Firefox、IE、Safari...

如果您更改 window 的大小(视口大小),文本会自动换行以适应屏幕。没有 DOCTYPE 声明,没有元标记。没有什么。纯文本。

为什么浏览器会自动换行以适应屏幕?他们有任何默认的响应行为吗?在什么条件下?

浏览器几乎所有内容都有默认样式。就像@BoltClock 提到的那样,它更像是 www 的旧西部狂野时代的遗产,并且试图变得友善并帮助展示。

谈到自动换行,几乎每个浏览器的默认行为都是在空格和标点符号处换行。在现代意义上,这不被视为 "responsive",而只是计算机应用程序的可读和预期行为。

如果您在 Chrome 的开发工具中查看 DOM 检查器,您会看到许多应用于来自 user.agent.stylesheet 的元素的样式(类似命名的东西存在于其他浏览器也是如此)。这些是浏览器自动应用的默认样式,通常会被您自己的自定义样式规则覆盖。如果您确实想要这些默认样式的列表,您可以从浏览器制造商的网站上搜集它们。