如何根据浏览器大小调整DIV元素的大小？

Question

所以这是我正在上学的一个项目：

http://graciousevents.co.uk/

问题是当调整浏览器的大小时，图库在彼此下方移动，然后将联系人DIV推到左侧。

我该如何纠正这个问题，以便联系人div不会被推到左侧。

Answer 1

DIV选择器中的特定字符，如果要使用浏览器调整字符串大小而不是像素大小，请使用“ em”。

防爆。 div {font-size：x em}

Answer 2

您是否正在使用百分比进行尺寸调整？ 如果给窗口设置大小并在调整大小时使用像素，则调整窗口大小时，所有内容都应保持在原处。

之前：

width: 10%;

后：

width:500px;

Answer 3

使用宽度更改CSS：62.5714％； 或使用Bootstrap CSS