一起对适配这块不太了解,这几天用react做了一个类似后台管理系统的项目,里面各种图表,antd的表格,表单啥的,Mac开发的。设计稿是1920x1080的,我直接按照这个大小开发,但是在电脑上看起来各种元素特别大,不能正常显示
然后我在谷歌浏览器上添加了1920x1080的模拟器,在这个模式下可以正常显示。
我想这种项目不太适合适配各种分辨率的屏幕吧,不是那种展示性的网站啥的。
一起对适配这块不太了解,这几天用react做了一个类似后台管理系统的项目,里面各种图表,antd的表格,表单啥的,Mac开发的。设计稿是1920x1080的,我直接按照这个大小开发,但是在电脑上看起来各种元素特别大,不能正常显示
然后我在谷歌浏览器上添加了1920x1080的模拟器,在这个模式下可以正常显示。
我想这种项目不太适合适配各种分辨率的屏幕吧,不是那种展示性的网站啥的。
想要让19201080在未开启全屏下面还能比较正常展示, 对于比较高的模块使用vh来定义高度, 里面再结合calc来算高度, 最后再配合媒体查询进行微调. 做了两个大屏项目得出的经验, 又让适配4k, 2k, 19201080, 1366768 测试还测1600900, 而且还要全屏和非全屏都得完美展示, 当时做的时候简直是要疯了
10 回答11.2k 阅读
5 回答4.8k 阅读✓ 已解决
4 回答3.1k 阅读✓ 已解决
2 回答2.7k 阅读✓ 已解决
3 回答4.8k 阅读✓ 已解决
3 回答1.9k 阅读✓ 已解决
5 回答2k 阅读
什么情况啊,1920尺寸,这也敢设计,让那么多ThinkPad怎么办,管理系统做过渡的响应式布局有时候可能并不现实,做1200宽,小屏幕出现横向滚动条,大屏幕自动适应,不香吗?
