Maison > interface Web > tutoriel HTML > web移动端开发,图片平铺问题_html/css_WEB-ITnose

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

WBOY
Libérer: 2016-06-21 09:03:50
original
1714 Les gens l'ont consulté

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


回复讨论(解决方案)

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

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


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


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


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

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

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


非常感谢,但要是iPhone4和iphone6的话,差别还是是很大的,不过现在应该没多少人用iPhone4这种特别小的屏幕了吧。
不知道还有没有更好的解决办法~~做前端真是累,原来要考虑浏览器兼容性,现在又要考虑手机大小~
Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal