postcss-pxtorem可以使用在大屏端吗？

Question

老师，你好。我最近在做pc端的大屏端项目，在大屏幕上显示一个内容丰富的网页，包含各种图表和文字。在调试样式的时候，感觉很麻烦，都是使用px单位，一点点的调大小和边距，但是总感觉这种调试方法有问题。这节课介绍的postcss工具，不知道能否用在pc端页面的开发和适配？具体思路是什么？

Answer 1

one_pieces 2023-01-21 10:37:09

首先 postcss 是一个通用的工具插件集，这些插件是用来处理一些 css 问题的，所以它不分 pc 或移动端的，只是不同的插件有不同的应用场景，比如 px2rem 是将 px 转化为 rem，这个能力可以用来整体放大缩小页面，多数会用在移动端适配的情况，如果 pc 端里也有同样的需求，那也是可用。

所以适配的思路也是要看具体需求来的。比如移动端，因为屏幕一般是长条形的，纵向的内容展示多点是没有关系的，所以往往我们只需要适配横向的宽度，因此根据宽度比例来整体缩放是可行的。而在 pc 端，因为 pc 的屏幕宽高比差异比较大，所以整体缩放的策略有可能不符合要求。这时可以利用 @media 媒体查询来根据屏幕的宽高来使用不同屏幕的样式。另外也可以使用一些相对属性来定位，比如 position: absolute，vh vw单位，flex 布局，grid 布局，在一些相对定位比如居中的情况下，来做适配。

屏幕适配是一个比较复杂的需求，在大的策略里，有时还会需要一些点对点的特定修复。希望以上内容可以帮到你哈～

• 提问者 阿阳2017 #1

  感谢老师的耐心讲解。对于适配这个问题有了新的认识，了解到了移动端和pc端的异同。

• one_pieces #2

  应该的哈～新年快乐🎉