evaluasi gambar postingan tidak responsif
Selasa, Mei 10, 2022
Selasa (10/5/22)
Evaluasi gambar postingan tidak responsif
Tiket
Keluhan dari publik
kendala
tampilan gambar terlalu besar
Obyek
Website :
https://cirebon.kemenag.go.id
Masalah tampilan tidak responsif
- Setiap membuat postingan atau tulisan halaman postingan, ukuran gambar sangat lebar
- sehingga dapat menutupi body tampilan dan kurang menarik dilihat
Analisis
- Meneluri ukuran gambar dari tampilan postingan
- mengarahkan kursor pada gambar dituju
- Klik kanan moues, pilih inspeksi
 |
| tangkap layar / inspensi |
Mencari formula
dari ukuran gambar
 |
| tangkap layar / inspeksi |
Membukat control
panel
Cari tulisan
“ img-fluid rounded” dan tulisan width
= “200px”, pada file halaman.php
 |
| tangkap layar / source code pada php |
- tulisan “ img-fluid rounded” diganti menjadi “float-right”,dan
- tulisan width = “200px” diganti menjadi width=”auto”
- lalu simpan
Seperti pada
gambar dibawah ini
 |
| tangkap layar / source code php |
Kembali ke menu web utama, tekan refresh
hasilnya terlihat pada gambar dibawah ini :
 |
| tangkap layar / hasil pembenahan |
Related Posts