我正在为网站的模板页面工作。 可以在这里看到:http://www.acielouvert.net/clos/
在标题中,我有一个图片宽度为100%的幻灯片,他们使用浏览器调整大小
当我在960px
下方调整浏览器大小时,我希望div .continue
与div.header
保持联系。
实际上我在div margin-top: 700px
上添加了.continue
。
您知道我该怎么办?
我不想使用媒体查询。
请在此处查看页面代码:http://pastebin.com/gLaerw1F
谢谢,
纪尧姆
答案 0 :(得分:0)
像这样。
@media screen and (max-width: 960px) {
// What ever you want ...
}
答案 1 :(得分:0)
我做了几次测试,我找到的唯一方法是使用margin-top
.continue
的%
当用户将浏览器的大小调整到960px以下时,两个div会卡在一起,我会避免因margin-top: 700px;
而导致的间隙
我肯定会在最后添加一些media queries
,但%正在帮助很多。
感谢您的帮助@Junaid,@ Josh Burgess,@ jurgemaister。