Gambar Dalam Entri Blog Jadi Lonjong Bila Buka Guna Mobile, Ini Penyelesaiannya

Gambar Dalam Entri Blog Jadi Lonjong Bila Buka Guna Mobile, Ini Penyelesaiannya | Siapa guna template Responsive, tapi bila set Image dalam entri kepada X-Large, bila buka entri guna mobile phone, gambarnya jadi lonjong memanjang? Panjang betul soalan sis kauu. Faham ke tak faham?

Gambar dari blog FARAH

Macam ni haaa. Sangat tak best bila gambar kita yang cantik, tiba-tiba jadi lonjong bila bukak guna telefon. Guna laptop or desktop, ok aje cantik dan jelas. Menggugat emosi betul menengoknya. Kata template Responsive, tapi langsung tak fleksible bab-bab image. Kebanyakan template baru, macam tu lah.

Tapi, saya ada cara untuk selesaikan masalah ni!

Kalau uols nak gambar tu nampak normal ikut saiz yang sebenar, fit dengan skrin telefon uols sesuai lebar dan tingginya, boleh cuba cara berikut:

1. Pergi dekat Theme > Customize > Advanced > Add CSS.

2. Copy code berikut:

.post-body img {width: auto, height: auto}

3. Paste ke dalam kotak Add CSS. Klik Apply to Blog. Kalau tak jumpa Add CSS, pergi je dekat Edit HTML, search ]]</b:skin>. Paste code di atas sebelum ]]</b:skin>, kemudian save.

Ok, done! Cuba tengok entri blog uols guna phone sekarang.

Gambar uols da tak mengembang-melonjong dah bila set Image to X-Large!

Good luck!