浏览器 window 大小 else then in template
Browser window size else then in template
在 Figma 中（在哪里并不重要）模板的宽度为 1920 像素。我想从中创建一个页面，但在浏览器中，该页面有 1903 像素。由于它，我的一些元素不适合和包裹（例如，当使用 flex-wrap 时）。那么问题来了，如何正确制作呢？
编辑：关于这个
screen with clarification 我试图添加第四个方块，但没有 space 所以它包裹在底部。浏览器宽度是 1903px，在我做的模板中是 1920px。其他人在这种情况下如何做，必须如何做才能使其在所有 PC 屏幕上响应？
像bootstrap一样将其包裹在容器中您可以指定它只能包裹到哪个屏幕
例如：
.container-xl 只会在 xLarge 屏幕上将您的内容包装在容器中。
有几种不同的方法可以解决这个问题。第一个与 Rashidtvmr 的回答类似。您可以在项目中使用 Bootstrap in your project and simply follow their guide for creating a grid system。使用 bootstrap，您可以使用如下代码解决您的问题：
<div class="container">
<div class="row">
<div class="col">
1 of 3
</div>
<div class="col-6">
2 of 3 (wider)
</div>
<div class="col">
3 of 3
</div>
</div>
</div>
网格系统由 12 列创建，您可以使用 col-2、col-3、col-4 等指定一个元素应占用多少列。如果您希望它们都具有相同的宽度在所有屏幕上，然后只需将每个指定为 col，bootstrap 将处理其余部分。
如果您不能或不想使用 Bootstrap，下一个解决方案是使用 CSS 创建您自己的网格系统。没有您的代码示例，很难准确指定它的外观，但遵循此 guide 应该可以帮助您。
在 Figma 中（在哪里并不重要）模板的宽度为 1920 像素。我想从中创建一个页面，但在浏览器中，该页面有 1903 像素。由于它，我的一些元素不适合和包裹（例如，当使用 flex-wrap 时）。那么问题来了，如何正确制作呢？
编辑：关于这个 screen with clarification 我试图添加第四个方块，但没有 space 所以它包裹在底部。浏览器宽度是 1903px，在我做的模板中是 1920px。其他人在这种情况下如何做，必须如何做才能使其在所有 PC 屏幕上响应？
像bootstrap一样将其包裹在容器中您可以指定它只能包裹到哪个屏幕 例如： .container-xl 只会在 xLarge 屏幕上将您的内容包装在容器中。
有几种不同的方法可以解决这个问题。第一个与 Rashidtvmr 的回答类似。您可以在项目中使用 Bootstrap in your project and simply follow their guide for creating a grid system。使用 bootstrap，您可以使用如下代码解决您的问题：
<div class="container">
<div class="row">
<div class="col">
1 of 3
</div>
<div class="col-6">
2 of 3 (wider)
</div>
<div class="col">
3 of 3
</div>
</div>
</div>
网格系统由 12 列创建，您可以使用 col-2、col-3、col-4 等指定一个元素应占用多少列。如果您希望它们都具有相同的宽度在所有屏幕上，然后只需将每个指定为 col，bootstrap 将处理其余部分。
如果您不能或不想使用 Bootstrap，下一个解决方案是使用 CSS 创建您自己的网格系统。没有您的代码示例，很难准确指定它的外观，但遵循此 guide 应该可以帮助您。