Haloo! Selamat Datang di Komunitas Private Training Web Development (54362 Members, 617 Products, 4291 Topic, 11379 Comments)

Butuh karyawan baru? atau seorang Web Developer (Part-time/Freelance/Full-time), cari disini : Members Area Jobs!

Responsive E-Community - Web Komunitas Alumni di Universitas

Dibuat
Login Terakhir 22 Hari lalu,
Telah Dilihat 175 Kali
Digo Ardestilano Mengatakan : Premium
  1. Assalamualaikum Warahmatullahi Wabarakatuh...
  2.  
  3. kak bisa minta tolong bagaimana caranya agar web E-Community - Web Komunitas Alumni di Universitas bisa responsive di smartphone?

Ada 1 Jawaban

Bukhori Muslim
commented on 09 Nov 2019 11:05:10
  1. Assalamualaikum,.. untuk membuat sebuah web responsive bisa menggunakan media query
  2. jika web tersebut tidak menggunakan framework css seperti bootsrap.
  3.  
  4. cara penggunaan media query sama halnya dengan agan membuat versi css mobile, tablet dll
  5. dengan pengkondisian, contoh penggunaannya seperti berikut :
  6.  
  7. / * Pada layar normal desktop * /
  8. body {
  9. background-color: red;
  10. }
  11.  
  12. / * Pada layar yang ukurannya 992px atau kurang dari itu tampilannya berubah seperti kode css yg diset dibawah ini * /
  13. @media screen and (max-width: 992px) {
  14. body {
  15. background-color: blue;
  16. }
  17. }
  18.  
  19. / * Pada layar yang ukurannya 600px atau kurang dari itu tampilannya berubah seperti kode css yg diset dibawah ini * /
  20. @media screen and (max-width: 600px) {
  21. body {
  22. background-color: green;
  23. }
  24. }
Maaf, Untuk Memberikan Komentar Anda Harus Login !!!