我可以创建一个设置为页面宽度的变量吗？

Question

我正在为自己的公司开发一个网站。我遇到了一个问题，当你让你的页面变得更小时，一些div会互相过度。我想知道你是否可以创建一个设置为页面宽度的变量，以便在需要时使用该变量更改css whit javascript。

我在css中尝试了以下脚本而没有成功

display: flex; flex-wrap: wrap;

when the page becomes smaller than 1840px. the 4 pictures on the right will overlap the text box on the left.

现在我的问题是当页面低于1840px

时如何使文本块向上移动

Answer 1

您需要开始研究 Responsive Web Design ，其中说明页面应包含：

• CSS Media Queries （允许＆＃34;有条件的＆＃34;造型）
• 灵活布局（即 Flexbox 或 CSS Grid ）
• 响应媒体（使用允许媒体播放的大小单位） 根据需要增长/缩小）

您的具体问题可以通过以下方式解决：

• 媒体查询（当视口大小为x时，应用样式y）
• 自适应媒体（将图片尺寸设置为%，vh等相关单位， vw）