当前位置:Gxlcms > html代码 > web移动端开发,图片平铺问题_html/css_WEB-ITnose

web移动端开发,图片平铺问题_html/css_WEB-ITnose

时间:2021-07-01 10:21:17 帮助过:158人阅读

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


回复讨论(解决方案)

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

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


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


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


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


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

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

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


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

人气教程排行