web前端关于拿到设计稿的尺寸问题?


我拿的一张psd文件的尺寸(width:1921;height:2512);
该去怎样在css中设定他的尺寸呢?
我看到很多网页都没有设置,
我就也没有设置,
每个大的块级元素,设width为100%,
然后再在设计图中量子元素的width的尺寸,
最后发现尺寸不够用,浏览器底部有滚动条。
本人属于赶鸭子上架,没有办法,请求大家帮助

web前端开发 css HTML

mashan 9 years, 10 months ago

其实pc端的psd设计稿的话基本设计师都会按照1:1的比例做,这时候我们就直接按照psd中的尺寸来做就ok。但是牵涉到响应式或者移动端的设计稿的时候,这个根据设计师设计的时候采用的分辨率不同,尺寸是有不同的。但是我们一般都会才有自适应或者不同分辨率下等比例缩小的方法来操作。

xxmnzc answered 9 years, 10 months ago

你可以给最外层的容器 wrap 定义宽度 width ,比如 width:1000px ;高度 height 可以不设置,由子元素的高度撑开;
里面子元素的尺寸宽高就可以根据那 1000px 设置了嘛

star酱 answered 9 years, 10 months ago

1、网页的尺寸大小没必要按照psd大小来做
2、psd只是一张设计图,网页及其元素大小的设置需要根据具体需要确定,因为美工给你的设计图是可能是缩小的,也可能是放大之后的。实际的网页尺寸有可能比你设计图大,也有可能小,譬如题主这种情况,还要增加网页尺寸空间
3、关于CSS尺寸,这个不能完全依靠设计图,要依赖于你现在的布局来确定。譬如你一个父div设置成400 300更合适,但是设计图却是500 380,那这就不要去参考设计图了。

费诺瓦.卡塔 answered 9 years, 10 months ago

Your Answer