De l'image correspondent à 100% de la largeur des plates-formes mobiles

donc, je suis actuellement à la mise en œuvre d'une version mobile de mon site et tout va bien sauf que je veux pouvoir faire en sorte que l'image de remplissage de 100% de la largeur de l'écran si l'utilisateur tuns, horizontalement ou verticalement. L'image s'adapte à 100% comme d'habitude sur tous les non-mobile basé sur la plate-forme, mais pas sur un appareil mobile. Des suggestions?

Je suis actuellement en utilisant

.blog{
    padding:10px;
    border-bottom:2px solid #eeeeee;
    padding:10px;
    background:#ececec;
}
.blog-img{
    text-align:left;
    width:100%;
    margin:0 auto;
    padding:10px 0 5px 0;
}

J'ai aussi essayé:

min-width:100%;
Avez-vous l'utilisation de tout cadre par exemple de Bootstrap v3.0.0?
Pas de cadre utilisé pour cela.

OriginalL'auteur benny | 2013-09-02

  1. 0

    Comment à ce sujet, ajouter l'image que vous voulez, comme un arrière-plan d'une balise DIV ou le CORPS du document.

    Si vous décidez d'aller avec un DIV, width: 100%;, height: 100%; et vous pouvez également inclure des z-index, si vous souhaitez aller au-dessus ou derrière un peu de contenu.

    {
    background-image: url(http://arianapierce.com/wp-content/uploads/2010/11/simple-lights-twitter-background.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

    Je voudrais aussi vous suggère d'inclure dans le viewport dans votre code HTML, il rend la page beaucoup plus stable.

    OriginalL'auteur Borsn