关于前端页面自适应的问题？

Question

开发大屏时按照的是1920*1080的尺寸进行开发的，在低分辨率屏幕下会出现滚动条，有什么解决办法能够自适应低分辨的屏幕吗？
希望能够提供个思路~

Answer 1

• 响应式布局：根据不同设备（分辨率）显示不同的页面效果
• 自适应布局：根据不同的分辨率，结合 %、vh等单位值来做元素的自适应布局效果，也可以考虑用 flex 方式来布局

无论采用哪种方式，都需要适当考虑一下设计风格，毕竟有一些分辨率下，如果一味去缩小宽度会让元素内容变得拥挤；而如果是强行换行，又有可能会影响页面效果。