<body>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore</p>
<h2>Resize the browser window to see the effect.</h2>
</body>
如果我移除其中一个段落,或只是h2
,当屏幕大小减小时,文本现在变小了,为什么呢?
以下是两个代码块,显示了我所说的行为。如果您使用Chrome的设备工具栏更改屏幕大小以测试响应式设计,您将看到这两个不同的代码块显示文本调整大小的行为不同。虽然,如果您只调整浏览器本身的大小而不使用Chrome的设备工具栏,则它们的行为相同?所以也许您可以看到我为什么感到困惑:https://codepen.io/mhlroy/pen/oVoyeN
https://codepen.io/mhlroy/pen/eXeKxX 这是我试图让文本保持与屏幕大小相同的导航栏示例,我希望它保持相同的大小,我会使用媒体查询进行必要的调整,并使菜单变为汉堡菜单: https://codepen.io/mhlroy/pen/OqOEGO 我只想让文本保持相同的大小。我看到有些人提到使用
vh
作为font-size
。我想我可以使用它,但是尝试一下似乎会使文本大小随着屏幕大小的减小而变大,所以我仍然不确定。
如果您能帮我解决这个问题,我将不胜感激!
谢谢。