响应式设计 CSS 技巧

大家好，希望你们一切顺利。在这篇文章中，我将分享一些我个人在打造响应式网站时使用的小技巧。

1. 内边距/边距 -我们通常在制作桌面版网站时使用大量内边距，以提升其吸引力。在提升移动设备响应速度的同时，平板电脑会尝试减少现有的内边距和边距。

2. 使用 em/rem/百分比 -始终尝试使用em/percentage/rem而不是 px，以便文本、图像大小根据设备宽度进行调整。

3. Flex-wrap -使用 flexbox 对齐 HTML 元素（例如<div>,<p>等）可将元素强制放到一行，或根据其宽度将其换到多行。

4. 媒体查询 -应使用媒体查询根据断点设置宽度和高度。断点是指网站开始出现扭曲的宽度。

5. Box-Sizing -它解决了许多由填充引起的问题，在具有百分比宽度的 HTML 元素上使用 box-sizing 将考虑填充，而不必由于填充而调整宽度。
{box-sizing : border box;}

如果你知道其他技巧/窍门，请在评论区告诉我。感谢阅读 :)

通过以下方式与我联系 -