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

How to resize DIV element according to browser size?

这是我正在为学校做的一个项目:

http://graciousevents.co.uk/

问题是在调整浏览器大小时,照片库在彼此下方移动,然后联系人 DIV 被推到左侧。

我该如何更正此问题,以免联系人 div 被推到左侧。

您是否使用百分比来确定尺码?如果您给 window 设定大小并在调整大小时使用像素,则在调整 window.

大小时,所有内容都应保持原样

之前:

width: 10%;

之后:

width:500px;

DIV 选择器中的一个特殊情况,如果您希望字符串随浏览器而不是像素调整大小,请使用 "em"。

例如。 div{ 字体大小:x em }

更改CSS 使用宽度:62.5714%; 要么 使用 Bootstrap CSS