项目作业中以整体设计稿上的宽度为准还是以某个图片的实际宽度为准?

项目作业中以整体设计稿上的宽度为准还是以某个图片的实际宽度为准?

老师,请问项目作业中的banner图实际宽度是1400px,如下图:

http://img1.sycdn.imooc.com//climg/5cdd31ce0001ac9214000670.jpg

而在整体设计图中,用PS测量banner区域的宽度却是1900px,如下图:

http://img1.sycdn.imooc.com//climg/5cdd32460001445c06770405.jpg

这种情况下就以设计稿上的宽度1900px为准是么?

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

2回答
卡布琦诺 2019-05-17 18:06:55

举个例子:

http://img1.sycdn.imooc.com//climg/5cde878a00015edb10690384.jpg

这个需要根据效果图来说设定的,没有绝对的固定标砖哦,并且,一般对于需要兼容不同尺寸屏幕的问题,需要使用响应式技术解决,在后面的课程中有讲解哦

祝学习愉快!

  • 提问者 qq_阳阳风华_0 #1
    好的,谢谢老师,那是否可以理解为:课程中讲师用PS量设计稿更多的是为了演示如何切图,而在实际开发中用响应式比较多,不一定按设计稿一比一实现?
    2019-05-17 18:57:07
  • 卡布琦诺 回复 提问者 qq_阳阳风华_0 #2
    理解能力棒棒哒,课程中老师确实是为了演示如何切图,手动给你小红花花~
    2019-05-17 18:59:33
  • 提问者 qq_阳阳风华_0 回复 卡布琦诺 #3
    好的!谢谢老师!您辛苦了!
    2019-05-17 19:10:35
好帮手慕夭夭 2019-05-16 19:24:53

你好同学,banner区域图片建议宽度设置100%就好了,因为你设置固定的宽度,例如1900ox,那么在小屏幕上显示,宽度放不下,就会出现横向滚动条。所以设置宽度100%,让banner图片在任何宽度的屏幕上都能100%平铺浏览器效果更好。所以像如下的老师圈出来的几个区域,它都是两头紧贴浏览器的,所以给它们设置一个宽度100%即可

http://img1.sycdn.imooc.com//climg/5cdd48b60001333304980836.jpg

祝学习愉快 ,望采纳。

  • 提问者 qq_阳阳风华_0 #1
    奥~好的,谢谢老师,我还以为任何时候都要以设计稿为准呢。还有个问题,老师如果按照尽量使页面在不同大小屏幕下都能自适应的原则,那页面中的一些部件比如侧边栏啊轮播图啊的宽度是不也设成百分比更好?
    2019-05-17 12:09:59
  • 卡布琦诺 回复 提问者 qq_阳阳风华_0 #2
    同学的理解是正确的,设置成百分比会比较好!
    2019-05-17 17:35:08
  • 提问者 qq_阳阳风华_0 回复 卡布琦诺 #3
    嗯~谢谢老师!还有个问题,就是课程里讲师们都是用PS量设计稿一比一还原,而刚才又说为了适应不同屏幕设置为百分比较好,这两种做法该如何取舍呢?
    2019-05-17 18:02:49
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
响应式开发与常用框架 2018
  • 参与学习           人
  • 提交作业       2198    份
  • 解答问题       5012    个

如果你有web端基础,既想进阶,又想进军移动端开发,那就来吧,我们专题为你带来的课程有HTML5、CSS3、移动基础、响应式、bootstrap、less等,让你在前端道路上畅通无阻!

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师