我使用的主题的内容设置为 1200px。问题是我想创建一个与屏幕边缘全宽的 DIV,然后偏移左边距以抵消差异。(我猜这是最简单的方法)
如何计算屏幕一侧到 1200px 网格左侧之间的列宽度?然后计算我尝试创建的 DIV 宽度的差异,以便 DIV 为全宽,无论在什么屏幕尺寸上查看?
我知道我可以使用 Visual Composer 等精美的编辑器来完成此操作,但它们太笨重并且会使网站变慢。
以下似乎适用于文本,但我无法让图像在屏幕上全宽延伸,除非我将其放大并与屏幕尺寸重叠。我需要它从屏幕一侧触摸到屏幕一侧
.blue_section {
width: 200% !important;
margin: 0px -50% 0px -50% !important;
padding: 0px 0px 0px 0px !important;
background-color: #0088CC;
}
.blue_content {
width: 1200px !important;
height: 100% !important;
margin: 0px auto 0px auto !important;
padding: 10px !important;
}
Run Code Online (Sandbox Code Playgroud)