您好，西门老师，请问目前主流在PC和移动端设计图设计尺寸大小

Question

老师，请问在PC上设计图需要适配的最小宽的是多少呢，是1000像素吗？移动端设计图给的尺寸是多大呢

Answer 1

西门老舅 2021-11-09 22:38:26

你好，PC上最小宽为960，只要不小于这个数就可以，网页版心的宽度一般也会随着分辨率的不同会发生变化的，可以看京东、淘宝、都是可变版心。

移动端，会按照iphone6的分辨率进行设计， 即：750。可以查看第六章内容，有详细的说明。

• 提问者 johnny_2008 #1

  感谢老师的回复。还有个问题请教您
  移动端3倍屏的话是按750*1.5换算吗，ipad也同理吗

• 西门老舅 回复 提问者 johnny_2008 #2

  你好，你说的2倍屏和3倍屏，应该指的是 逻辑像素 和 物理像素的比例值，即：devicePixelRatio。
  
  iphone6下，这个比值是1:2 ，而在iphone6 plus下，这个比值是1:3
  
  这个比值，其实是不影响布局的，也就是说，你只需要按照iphone6去适配设备，其他设备都是等比变化的，设计师也不会给你设计iphone6 和 iphone6 plus 两个版本的设计图的。
  
  所以不用去什么750*1.5换算啥的，没那么复杂。
  
  ipad 一般会跟 PC 是一样的，所以不建议做移动端处理，不过非要ipad适配移动端的话，就要保证图片清晰度就行，用高分辨率图片即可。

• 提问者 johnny_2008 回复 西门老舅 #3

  感谢您的解答，期待老师后续课程 ^_^

点开查看后面1条评论