web移动端开发,图片平铺问题_html/css_WEB-ITnose
程序员文章站
2022-04-22 14:30:12
...
没有做移动端的经验,所以想问问,如果页面就是一张背景图,因为各种型号手机大小不一样~是做成宽100%,高度根据宽度自适应(这样做的话,可能会造成背景显示不全或者是没有占满屏幕),还是设置成宽100%,高100%(这样活造成背景图片变形)。
该怎么做呢?有没有其他更好的方法,或者说这件事是UI考虑的,不是前端考虑的~
用img也是一样面临这个问题吧~
用img也是一样面临这个问题吧~
设置img宽度100% 高度会等比例缩放
非常感谢,但要是iPhone4和iphone6的话,差别还是是很大的,不过现在应该没多少人用iPhone4这种特别小的屏幕了吧。
不知道还有没有更好的解决办法~~做前端真是累,原来要考虑浏览器兼容性,现在又要考虑手机大小~
该怎么做呢?有没有其他更好的方法,或者说这件事是UI考虑的,不是前端考虑的~
回复讨论(解决方案)
如果图片上没有必须写入内容的话,为什么不考虑img呢?
如果图片上没有必须写入内容的话,为什么不考虑img呢?
用img也是一样面临这个问题吧~
如果图片上没有必须写入内容的话,为什么不考虑img呢?
用img也是一样面临这个问题吧~
设置img宽度100% 高度会等比例缩放
我是高宽都设置为100%,如果只设置一边为100%,显示不全有空白不好看。手机屏幕不是很大,只要图片与手机屏幕差不多比例,显示上没有多大差别的。
我们做授权证书的背景图就这样设置,而且证书上还有logo、公章、很多文字。
我是高宽都设置为100%,如果只设置一边为100%,显示不全有空白不好看。手机屏幕不是很大,只要图片与手机屏幕差不多比例,显示上没有多大差别的。
我们做授权证书的背景图就这样设置,而且证书上还有logo、公章、很多文字。
非常感谢,但要是iPhone4和iphone6的话,差别还是是很大的,不过现在应该没多少人用iPhone4这种特别小的屏幕了吧。
不知道还有没有更好的解决办法~~做前端真是累,原来要考虑浏览器兼容性,现在又要考虑手机大小~
推荐阅读
-
关于在HTML表格中插入背景图片图片重复显示的问题_html/css_WEB-ITnose
-
HTML-移动端如何使用css让百分比布局的弹窗水平和垂直方向上居中_html/css_WEB-ITnose
-
跨平台移动开发 Xuijs超轻量级的框架+Emile CSS动画_html/css_WEB-ITnose
-
IE8下jQuery改变png图片透明度时出现的黑边问题_html/css_WEB-ITnose
-
UEditor编辑器上传图片开发流程_html/css_WEB-ITnose
-
移动端的自适应_html/css_WEB-ITnose
-
页面引用小图片问题_html/css_WEB-ITnose
-
css平铺的问题_html/css_WEB-ITnose
-
背景图片文字布局问题_html/css_WEB-ITnose
-
照实例做,图片仍然无法跟随鼠标移动!请教_html/css_WEB-ITnose