18910140161

HTML-4K屏幕的右侧CSS规则容器-堆栈溢出

顺晟科技

2022-10-18 13:46:07

48

我需要支持,以了解正确或更好的方法来处理4K屏幕的容器或从1536px断点开始。我想要的是固定的宽度。

image

我实现这一目标

的方法是下一步:标记:

<代码>正文{保证金:0;}.global-BG{高度:800px;填充:0 2rem;背景颜色:CadetBlue;}.content-wrapper{宽度:100%;高度:100%;显示:Flex;保证金:0;最大宽度:1440px;align-items:居中;}.内容{颜色:白色;}@媒体屏幕和(最小宽度:1024px){.global-BG{填充:0 4rem;}}@媒体屏幕和(最小宽度:1536px){.content-wrapper{边距:0自动;}}
<代码><;!文档类型HTML>;<;HTML Lang=“ en ”>;<;头部>;<;元字符集=“ UTF-8 ”>;<;meta HTTP-equiv=“ X-ua-compatible ” content=“ ie=edge ”>;<;meta name=“ viewport ” content=“ width=device-width,initial-scale=1.0 ”>;<;link rel=“ stylesheet ” href=“./styles.CSS ”>;<;标题>;文档<;/标题>;<;/标题>;<;身体>;<;DIV类=“ global-BG ”>;<;DIV类=“ Content-Wrapper ”>;<;p类=“内容”>;Lorem ipsum dolor sit amet consectetur adipisicing elit.Quisquam beatae non voluptas,sequi nisi consequence eius ut provident quam dolorem eligendi mollitia obcaecati sit et commodi asperiores aliquid voluptatum.西米利克。Lorem ipsum dolor sit amet consectetur adipisicing elit.Ipsa hic eligendi obcaecati eveniet repellendus provident fugi at itaque deserunt aliquam accusantium quidem,voluptatibus sequatur sequuntur adipisci atque animi totam?莫迪,埃塞?Lorem ipsum dolor sit amet consectetur adipisicing elit.驱虫剂Excepturi Tenetur,Numquam Expedita Dolores Natus Optio Voluptatem Odit,Velit Cumque Fugit Tempore Amet Vero Incidunt Deserunt Nobis Illum.阿佩里亚姆,雷西恩迪斯。<;/p>;<;/DIV>;<;/DIV>;<;/正文>;<;/HTML>;

在这里,我留下了一支代码笔,用代码可以让你更清楚地

看到这个工具。

因此,如果有人知道正确或更好的方法来做这件事,我会关注这篇文章。


顺晟科技:

  • TAG:
相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航