视频1 视频21 视频41 视频61 视频文章1 视频文章21 视频文章41 视频文章61 推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37 推荐39 推荐41 推荐43 推荐45 推荐47 推荐49 关键词1 关键词101 关键词201 关键词301 关键词401 关键词501 关键词601 关键词701 关键词801 关键词901 关键词1001 关键词1101 关键词1201 关键词1301 关键词1401 关键词1501 关键词1601 关键词1701 关键词1801 关键词1901 视频扩展1 视频扩展6 视频扩展11 视频扩展16 文章1 文章201 文章401 文章601 文章801 文章1001 资讯1 资讯501 资讯1001 资讯1501 标签1 标签501 标签1001 关键词1 关键词501 关键词1001 关键词1501 专题2001
web移动端开发,图片平铺问题_html/css
2020-11-27 16:35:24 责编:小采
文档


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


回复讨论(解决方案)

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

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


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


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


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


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

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

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


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

下载本文
显示全文
专题