AlloyTeam / Mars

腾讯移动 Web 前端知识库

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

新手一枚,手势换屏,怎么解决PSD切出来的图的适配问题呢?

impguier opened this issue · comments

新手一枚,手势换屏,怎么解决PSD切出来的图的适配问题呢?
要用JS去计算每一个图片元素的位置和宽高么

用 Javascript 检测当前浏览器的页面宽高,然后根据 PSD 制作时的机型分辨率,相应地用 transform: scale (缩放)相应尺寸。可以是背景的缩放,也可以是整个页面的缩放。
另外,如果背景图是没有文字内容,并且不太重要,建议直接使用 background-size: cover 和 overflow: hidden 来填满整个浏览器宽高。