Heim > Web-Frontend > HTML-Tutorial > web移动端开发,图片平铺问题_html/css_WEB-ITnose

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

WBOY
Freigeben: 2016-06-21 09:03:50
Original
1714 Leute haben es durchsucht

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


回复讨论(解决方案)

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

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


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


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


用img也是一样面临这个问题吧~
设置img宽度100% 高度会等比例缩放

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

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


非常感谢,但要是iPhone4和iphone6的话,差别还是是很大的,不过现在应该没多少人用iPhone4这种特别小的屏幕了吧。
不知道还有没有更好的解决办法~~做前端真是累,原来要考虑浏览器兼容性,现在又要考虑手机大小~
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage