Html 如何在放大到站点时阻止文字和图像拉伸

Html 如何在放大到站点时阻止文字和图像拉伸,html,css,Html,Css,我正在处理的HTML页面在我缩小时可以正常工作,但当我放大时,网站上的段落不会停留在它们的区域内,它们变成了一行行字,从上到下阅读,而不是从左到右阅读,图片变得太大。如果有人知道如何解决这个问题,我很想知道 这里是我的页面链接:tamaricampbell.com(有些单词仍然不是Lipsum,因为我还在研究措辞,谢谢)希望这有助于理解我的意思。如果你是说字体越来越大,这可以起作用 :root { font-size: 1vw; } 因为你的网站缺乏响应性的概念 您需要使用媒体查询

我正在处理的HTML页面在我缩小时可以正常工作,但当我放大时,网站上的段落不会停留在它们的区域内,它们变成了一行行字,从上到下阅读,而不是从左到右阅读,图片变得太大。如果有人知道如何解决这个问题,我很想知道


这里是我的页面链接:tamaricampbell.com(有些单词仍然不是Lipsum,因为我还在研究措辞,谢谢)希望这有助于理解我的意思。

如果你是说字体越来越大,这可以起作用

  :root {
  font-size: 1vw;
  }
因为你的网站缺乏响应性的概念
您需要使用
媒体查询
根据需要调整内容和元素

您需要确保您使用的所有单位都是固定的,例如像素。感谢您的反馈,我必须尝试一下。:)