2016-02-11 85 views
-1

我有一个响应式网站,需要设置最小宽度。现在的问题是,当浏览器被调整大小时,宽度会发生变化,768px之后所有元素都会中断。我已经尝试将身体设置为769px,但大多数元素仍然打破。我怎么能设置身体(整个网站的大小)的大小最低769px,与CSS或JavaScript。设置网站主体最小宽度

注意:我不认为我现在可以将所有元素更改为最小宽度,因为要改变的东西太多了。

+0

你可以将身体的全部内容包裹在另一个元素中吗?然后你可以设置最小宽度。 – PitaJ

+0

我想回答这个问题需要更多的信息。 “所有元素中断”是什么意思?他们定位不正确?他们的内容是否重叠?你如何定位这些元素? – jangxx

+0

你应该在你的HTML中使用更多的语义标记,那么它应该更容易。 – Smar

回答

1

你可以尝试创建一个包装div作为身体的第一个孩子,并给它最小宽度所有其他元素将是包装div的孩子。

+0

我做到了这一点,但仍然在这个div内的子元素正在改变大小,因为我调整浏览器的尺寸小于限制我已经设置了这个主包装 – user2317954

+0

任何理由为什么它不工作? – user2317954

+0

如果发布代码,将很容易识别。如果你正在使用媒体查询,那么你应该使用百分比到你的网站元素。由于媒体查询将考虑浏览器宽度,而不考虑容器最小宽度。 –

0

请确保您使用的响应单元的大小与像rem和em单位一样的页面大小,而不是像素。如果您使用响应式单位,您的页面应该相应地进行调整将你的部分包裹在flex containers中并进行相应调整。