如何根据浏览器大小调整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