1920x1080的设计稿适配问题

一起对适配这块不太了解,这几天用react做了一个类似后台管理系统的项目,里面各种图表,antd的表格,表单啥的,Mac开发的。设计稿是1920x1080的,我直接按照这个大小开发,但是在电脑上看起来各种元素特别大,不能正常显示
然后我在谷歌浏览器上添加了1920x1080的模拟器,在这个模式下可以正常显示。
我想这种项目不太适合适配各种分辨率的屏幕吧,不是那种展示性的网站啥的。

阅读 11.4k
4 个回答

什么情况啊,1920尺寸,这也敢设计,让那么多ThinkPad怎么办,管理系统做过渡的响应式布局有时候可能并不现实,做1200宽,小屏幕出现横向滚动条,大屏幕自动适应,不香吗?
小屏幕出现滚动条

大屏幕自动适应

可以试下rem布局,等比缩放。

新手上路,请多包涵

想要让19201080在未开启全屏下面还能比较正常展示, 对于比较高的模块使用vh来定义高度, 里面再结合calc来算高度, 最后再配合媒体查询进行微调. 做了两个大屏项目得出的经验, 又让适配4k, 2k, 19201080, 1366768 测试还测1600900, 而且还要全屏和非全屏都得完美展示, 当时做的时候简直是要疯了

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题