web移动端开发，图片平铺问题_html/css

没有做移动端的经验，所以想问问，如果页面就是一张背景图，因为各种型号手机大小不一样~是做成宽100%，高度根据宽度自适应（这样做的话，可能会造成背景显示不全或者是没有占满屏幕），还是设置成宽100%，高100%（这样活造成背景图片变形）。
该怎么做呢？有没有其他更好的方法，或者说这件事是UI考虑的，不是前端考虑的~

回复讨论(解决方案)

如果图片上没有必须写入内容的话，为什么不考虑img呢？

如果图片上没有必须写入内容的话，为什么不考虑img呢？

用img也是一样面临这个问题吧~

如果图片上没有必须写入内容的话，为什么不考虑img呢？

用img也是一样面临这个问题吧~

设置img宽度100% 高度会等比例缩放

我是高宽都设置为100%，如果只设置一边为100%，显示不全有空白不好看。手机屏幕不是很大，只要图片与手机屏幕差不多比例，显示上没有多大差别的。
我们做授权证书的背景图就这样设置，而且证书上还有logo、公章、很多文字。

我是高宽都设置为100%，如果只设置一边为100%，显示不全有空白不好看。手机屏幕不是很大，只要图片与手机屏幕差不多比例，显示上没有多大差别的。
我们做授权证书的背景图就这样设置，而且证书上还有logo、公章、很多文字。

非常感谢，但要是iPhone4和iphone6的话，差别还是是很大的，不过现在应该没多少人用iPhone4这种特别小的屏幕了吧。
不知道还有没有更好的解决办法~~做前端真是累，原来要考虑浏览器兼容性，现在又要考虑手机大小~