Cara menjaga proporsi tulisan & gambar pada halaman web saat layar berubah ukuran dengan jQuery

У вашего броузера проблема в совместимости с HTML5

Tentunya menyebalkan saat kita mendesain sebuah halaman web yang tampil oke pada suatu ukuran layar, namun saat dilihat di layar dengan ukuran lainnya tampilan desain kita tampak jelek karena ukuran teksnya atau gambarnya terlalu besar atau terlalu kecil.

Di sinilah ada yang namanya teknik responsive web design. Tapi yang akan saya jelaskan di tutorial ini berbeda dengan teknik yang sudah ada pada umumnya. Biasanya orang-orang dalam menangani masalah responsivitas ini mengandalkan css, yakni menggunakan media query untuk menentukan bentuk desain pada ukuran layar tertentu secara dinamis, tapi di sini saya akan menunjukkan caranya yang lain dengan menggunakan JavaScript, lebih tepatnya dengan menggunakan jQuery.

Script utuhnya bisa kamu dapatkan di sini: https://omputer.ciihuy.com/2021/09/17/cara-menjaga-proporsi-tulisan-dan-gambar-pada-halaman-web-saat-layar-berubah-ukuran-dengan-menggunakan-jquery/