缩小图像

Question

伙计们如何在创建网站时制作此类内容

这是完整的图片：

当我缩小浏览器时，它会像这样

Answer 1

您正在寻找的是@media规则。使用p { font-size: 120%; } @media (max-width: 1000px) { p { font-size: 110%; } } @media (max-width: 600px) { p { font-size: 100%; } } 规则，您不仅可以为不同的输出设备（屏幕，打印机，盲文......）应用不同的设计，还可以为不同的屏幕尺寸指定不同的设计。

示例：

max-height

其他可能的属性包括min-width，min-height和@media screen and (max-width: 600px) and (min-height: 800px) {} 。

可以合并规则：

alloc

Media Queries - MDN