Haloo! Selamat Datang di Komunitas Private Training Web Development (48385 Members, 494 Projects, 3846 Topic, 10369 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
Digo Ardestilano Mengatakan : Members -
Rate Topic :
  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?
Bukhori Muslim Mengatakan :
Admin -
  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 !!!