Question

我正在使用自适应设计网站，更具体地说是一个包含多个Div的网页。重新调整网页大小时，div的宽度会随着百分比的设置而变化。由于高度必须保持不变，除非div消失，否则我必须设置断点来改变高度。如果我不改变高度，它会保持不变并增加＆＃34; margin＆＃34;下面的div之间。基本上，我的逻辑是：当窗口重新调整大小并且宽度小于810px时，然后删除所有CSS样式，并添加边距顶部，项目2到无穷大。由于这很难通过写作来解释，我最后添加了以下代码。

当我重新调整浏览器窗口大小并且内容div小于810px时，不会删除样式。看看我的代码，可能是罪魁祸首？

该功能位于第27-50行：https://github.com/jdmagic21/coded_container/blob/master/work.js

Answer 1

您应该考虑使用CSS Media Queries根据浏览器的宽度更改样式，而不是使用Javascript。

Here's a tutorial - one of the top hits on Google for "How to use CSS Media Queries"

Here's a table of browser compatibility for Media Queries. As long as you don't care too much about IE8 or previous, you're ok!

Answer 2

您可以使用CSS Media查询执行此操作。

@media screen and (max-width: 810px) {
     /* reset the styles of the divs here */
}

在飞行JQuery调整大小

2 个答案: