怎么用1920的屏幕 做5760px设计图呀?还需要自适应?

怎么用1920的屏幕 做5760px设计图呀?还需要自适应

阅读 3.8k
8 个回答

我一直是 用 rem 在自己电脑上开发大屏的,然后再浏览器 image.png调试。最后到现场调试。如果让公司给你整个大屏估计也不现实。一个项目是 5760 另一个是另外的,不可能每个都给准备一个大屏吧。看不清的话image.png调一下这个然后给你项目整个加个滚动条。可以试试

image.png
浏览器ctrl+鼠标滚轮进行模拟5760px, 缩放至33%

无脑上remjs

做设计图,PS里面就可以自己按照目标分辨率创建画板啊,和屏幕没什么关系的。

如果你说的是如何高保证复原 5k 分辨率的设计稿。那么打开 DevTools 之后启动 "响应式设计模式"
图片.png

然后选择 responsive 或者 custom 就可以自定义分辨率了。
图片.png

当让有条件的话,肯定是申请一个5k分辨率的显示器咯 /dog

这个分辨率是要投到大屏上么?

如果最终页面出来是 1920px ,那应该找美工;

如果要展示的就是 5760px 这么大,那只能自己算比例了,只要比例对,1920px 的屏幕和 5760px 的屏幕效果理论上就是一致的

比如你的整张设计稿有 5760px,测量边距有 1000px ,那就给是 1000 / 5760 约等于 17.36%

开发还是按照1920的设计稿开发,可以尝试用zoom属性,根据不同屏幕和缩放比来调节zoom的比例,达到适配的效果。

https://it.zsyts.cn/57667.html

5760/1920=3
所以直接用直接除以3即可

新手上路,请多包涵

开发这种非常规分辨率的直接定死宽高就可以了,一般能设计出来这样大的分辨率就不是在1080分辨率屏幕上看的,UI做设计时一般也是按照可以那边的显示器分辨率来的

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