人们对网站的要求越来越高，不仅要求网页美观，浏览方便，不仅可以在电脑上浏览，还可以在手机上观看，还要求网站可以根据自己的喜好变化，所以应运而生，同时也在技术上取得了一些新的突破，如何进行响应式网站的前端设计下一步，让我们给你一些设计响应性网站的经验。
首先，控制大小
习惯于使用PC页面的前端开发人员可能更喜欢使用计算机来控制页面的大小，但在响应类型页面中，EM和REM出现的频率更高。使用它们控制字体大小甚至方框大小的总体效果非常明显。例如，我将字体大小设置为20px10px和30px。在不同的地方，自然字体的网站会有不同的大小，这是不可避免的。如果一个页面足够复杂，或者文字的字体大小设置得足够大，那也是一个非常繁重的工作量：然而，在响应式页面中，你还没有完成它们的设计，你可以用手在浏览网页时，你会发现字体会非常大，甚至个别标题都支持全屏手机，所以你可以想象一下对移动终端用户体验的影响。所以你需要开始写媒体调查发现，一个页面有几十种字体需要设置不同的分辨率，如果你调整它们，你可能需要写100多字的CSS代码，但是如果你使用EM和REM，你的工作量会大大减少，同时也保证了字体比例的统一。
你可以自己搜索EM和REM的解释。有许多在线辅导班。实际上，它们就像像素一样简单。一开始我只花了几分钟就熟悉了他们。如前所述，还可以使用它们来控制帧的大小，然后根据页面的响应进行缩放。当然，这需要足够的计算。另外值得一提的是，字体图标也可以用来控制。有关详细信息，请参阅不同字体图标的官方文档。
第二，设定百分比
解决缩放问题的方法有很多，最适合初学者的是百分比布局，在宽度上设置百分比键可以起到意想不到的效果：box1{宽度：100%}ul{利润率：02%}我不建议对所有布局使用百分比，但有时工作量可能会大大减少。当box1 width设置为100%时，它将自动填充整个浏览器的宽度，无论您的移动PC的分辨率如何。它总是有很好的表现。此时，您将保险商实验室的利润率设置为2%。在浏览器窗口中更改UL的实际边距大小也会随之更改。我相信你能理解百分比分布的概念。
