2015-10-03 1 views
0

Mon application contient des fichiers HTML et des images connexes.Fichiers HTML pour différents écrans du dossier des ressources

J'ai dimensionné les images pour une taille d'écran (480x800), afin que l'image puisse tenir compte de la largeur de l'écran. Mais lorsque mon application est sur un appareil à grand écran, les images deviennent plus petites. Ai-je besoin de concevoir des fichiers HTML pour le multi-écran?

Ou comment adapter ces images à toutes les tailles d'écran?

+0

Si vous réglez la taille de votre image, alors pour les appareils haut de gamme, il peut sembler petit. – Tauqir

+0

Si je fixe la taille et le poids sur le HTML d'une image de grande taille, alors que dois-je faire pour le grand écran? – Sudarshan

+1

Vous devez concevoir avec un écran de grande taille et le redimensionner pour les périphériques à écran plus petit si vous utilisez WebView. –

Répondre

0

essayez ce CSS.

.myFullScreenImage { 
    background: url(images/bg.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
} 

et appliquer myFullScreenImage classe à la balise <img> comme celui-ci

<img src="source.jpg" class="myFullScreenImage"/>. 

Permettez-moi savoir si cela fonctionne.