4

私は現在、自分のウェブサイトにモバイルバージョンを実装していますが、ユーザーが水平または垂直に調整しても、画像が画面の幅 100% を占めるようにしたい以外はすべて問題ありません。画像は、非ベースのモバイル プラットフォームでは通常どおり 100% 適合しますが、モバイル デバイスでは適合しません。助言がありますか？

私は現在使用しています

.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;
}

私も試しました：

min-width:100%;
4

2 に答える 2

0

これはどうですか、DIVの背景またはドキュメントのBODYとして、必要な画像を追加してください。

DIV を使用する場合は、幅: 100%; 、高さ: 100%; また、一部のコンテンツの上または後ろに移動する場合は、 z-indexを含めることもできます。

{
    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;
}

また、HTML にビューポートを含めることをお勧めします。これにより、ページがより安定します。

于 2013-09-02T03:17:33.593 に答える