-5

すべての画像幅を 90% パーセントに上書きしたいと思います。ただし、css ファイルにスタイルが含まれている画像もあれば、次のような画像もあります。

 <img src="sss" style="something" ...

私は、モバイル版の Web サイトですべてのスタイルを説明します。

http://mikrobusz-berles.com写真が大きすぎます。モバイル版用にサイズを変更したい。何か案が？

4

4 に答える 4

1

ページ全体をキャプチャする出力バッファ（マニュアルを読む）を使用できます

 ob_start();

 //Content here
 $contents=ob_get_flush();

$contents で正規表現を使用して幅を上書きすると、$contents がエコーされます

于 2012-12-28T12:45:56.023 に答える
0

これを css ファイルに追加します。

.jFlowSlideContainer img{
   width:99.9%;
}
于 2012-12-28T12:46:45.663 に答える
0

ユーザーが携帯電話を使用している場合に幅を 90% に変更したい場合は、次のようにすることができます。

次のように CSS クラスを記述します。

.mobile-image {
    width: 90% !important;
}

jquery を使用して、ユーザーが携帯電話を使用しているかどうかを確認し、addClass()次のメソッドを使用して上記の css クラスをすべての画像に追加します。

$(document).ready(function(){
    // Check if a user is logged in using a Mobile Phone or a Handheld Device.
    if( /Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent) ) {
        // To adjust the width
        $('img').addClass('mobile-image');
        // To Remove style attribute
        $('img').attr('style') = '';
    }
}
于 2012-12-28T12:47:16.037 に答える
0

jquery を使用して、スタイルを再度オーバーライドできます。コード：

$(document).on('pageinit',function(){
    $('img').css('width','50%');
});

このコードは、使用している jquery モバイル用です。

于 2012-12-28T12:48:29.460 に答える