【コピペ】スマホ表示で全画像サイズを一括でデザイン通りの横幅にする方法

例えば、デザインデータが750pxだとして、各画像をスライスした際に、すべての画像が750pxの横幅に対しての大きさになるので、その画像一つ一つにcssでwidth:〇〇vw;のように記載していかなければならないときがありますね。

そんな面倒なことはせず、jQueryで一括変換してしまいましょう。

まず対象の画像にclassを付与します。

html

css

jQuery

これでスマホの際はデザインの横幅に対して正しい比率ですべての画像にwidthが付与されます。

投稿者:気まぐれWEBLOG管理人