html - 图像在高分辨率下不会展开整个宽度

标签 html css grid

我有一个使用 Golden Grid 系统的网站。你可以在这里看到我的网站 http://syndicatebox.com/helpout/index_fix.html

在下面的屏幕截图中的低分辨率下,您可以看到顶部的两个图像跨度相等并且看起来正确。

enter image description here

但是如果您在下面查看我是否超过了 1980x1080,那么顶部的两个图像将保留那里的大小并且不会平均扩展整个宽度。

enter image description here

我有我的代码 here但我不知道我做错了什么。

最佳答案

是因为媒体查询 从您的 style.css 中删除以下代码

行号373和376

#twoway .wrapper:first-child {
/* margin-left: 25%; */
}
@media screen and (min-width: 117em)
#twoway .wrapper {
/* width: 25%; */
}

关于html - 图像在高分辨率下不会展开整个宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23486192/

相关文章:

javascript - 如何使用 javascript 删除 <a> 之间的文本

jquery - 从左侧滑入切换

WPF 使用名称删除网格布局子项

javascript - 使用 JavaScript 获取元素的样式

html - 在剑道网格中解析日期 - mvvm 绑定(bind)

css - 幻灯片和溢出

javafx制作按钮网格

javascript - 向 ZingChart 网格添加分页和列排序

html - 在文本溢出到下一行后,防止文本包装器跨越其父级的整个宽度

css - -webkit-背景大小 : cover; equivalent for IE