RE: Bagaimana mengatur tampilan website di android ?

saya mencoba sebuah aplikasi m-learning berbasis android sederhana.. namun ketika diinstal ke android tampilan nya kurang pas

RE: Bagaimana mengatur tampilan website di android ?

Bagaimana mengatur tampilan website di android ,terimakasih

 

parttime2 SMA Ditanyakan on 11 April 2016 pada Teknologi.
Tambah Komentar

Mengatur tampilan atau membuat responsive website pada perangkat mobile bisa di lakukan dengan mengecek terlebih dahulu tampilannya di situs developer ini

  • https://www.google.com/webmasters/tools/mobile-friendly/

Langkah pertama membuat desain Web Responsive

  • Mengindentifikasi Meta Tag

Kebanyakan browser mobile mengatur skala selebar viewport, Anda bisa menggunakan Tag meta viewport untuk mereset ini. Sertakan meta tag ini di bagian <Head>

<meta content='width=device-width, initial-scale=1.0' name='viewport'/>

  • Membuat Media Query

CSS memberikan kondisi bagaimana browser harus merender halaman untuk viewport yang telah di setting lebarnya.
Siapkan CSS Internal seperti dibawah ini sebelum kode </head>

<style>
/* CSS Media Queries */

@media (max-width:769px) { /* Setting Pada Ukuran Layar 769pixel Disini */
#outer-wrapper { max-width:950px; width:100%; }
}

@media (max-width:600px) { /* Setting Pada Ukuran Layar 600pixel Disini */
#main-wrapper { margin:10px!important; }
#sidebar-wrapper { margin:10px!important; position:relative; height:auto; width:auto; }
}
</style>

Sarjana Terjawab on 11 April 2016
Tambah Komentar
Loading...

Jawaban Anda

Dengan memposting jawaban, anda setuju dengan Kebijakan Privasi dan ketentuan layanan.