Html 停止元视口响应

我想在这个网站上做出类似的响应行为。 有

meta viewport

内容设置为

width=device width，initial scale=1，maximum scale=1

，但如果我通过减小浏览器vieport的宽度（大约200px或更小）来调整其大小，则内容会按比例缩放，响应“关闭”

您可以将此网站和演示与下图进行比较。相同的文本具有相同的字体大小，但缩放比例不同

UPD

---

我需要知道如何设置20px字体大小，并且在不使用

元视口的情况下，它将按比例缩放。尝试使用
元视口制作
，如果没有，您将理解我的意思
您的问题不清楚，但假设您正在谈论这样一个事实，即在您的屏幕上，内容在某个最小宽度后阻止其调整大小：

了解
元视口的功能非常重要

视口是用户在网页上的可见区域

视区随设备而异，移动电话上的视区比计算机屏幕上的视区小

-

此功能可防止用户放大或缩小您的网站。您给我们的代码表示，您的网页的宽度必须是父视口的宽度（等于浏览器的可视区域），初始缩放必须是
1
（这意味着没有设置初始缩放），最大比例可以是
1
（这意味着不允许放大）

事实上，在达到某个最小宽度之前，您的网站是有响应的，但没有任何直接链接到
元视口

网站的响应性是基于CSS中所称的内容。这会根据视口属性给出某些CSS规则（在响应情况下：如果屏幕宽度介于某个最小值
px
和最大值之间）。据我所知，您实际上需要将CSS
min width
属性设置为您网站的主体，如下所示：

body {
    min-width: 300px; /*You'll have to set the value you wish here*/
}

接下来要做的是选择如何处理小于
300px的屏幕。在此之后有两个选项：


您可以选择强制为您的网页指定设备的宽度并防止水平滚动，但这将隐藏所有溢出。我个人建议不要使用这种技巧。为此，您需要使用以下CSS隐藏所有
html
溢出：
html{max width:100vw；overflow-X:hidden；}


另一个（更好的）选择是为您的网页提供所需的最小宽度。这将允许水平滚动和更好的用户体验。为此，请使用以下CSS代码：
html{min-width:300px；overflow-X:visible；}
（记住用所需的最小宽度替换
300px
）



现在应该就这些了。请记住，有数百个响应性web设计指南可用。希望你的问题得到解决。
解决方法很简单。我只需要设置正文
最小宽度
你能改进你的问题吗？这个不太清楚。有关更多信息，请参阅。您的问题解决了吗？编辑后，您的问题仍然不清楚。你能描述一下你想要什么样的行为以及你实际上有什么样的行为吗？你能更准确地说，你所说的
比例是什么意思吗？换行，字体大小，段落换行。。。？