Cara Membuat Elemen Halaman AMP Lebih Responsif
Saya telah membicarakan proyek Apa AMP Google di Accelerated Mobile Pages (AMP)? dan Membuat artikel Konten AMP. Hari ini aku ingin menyoroti beberapa perbedaan antara Accelerated Mobile Pages (AMP) dan Responsive Web Design (RWD) serta bagaimana cara mencapai layout responsif di halaman AMP Anda. Jika Anda bertanya-tanya, elemen yang diawali dengan i-amp- ialah internal AMP dan dilarang diubah dengan stylesheet atau skrip.
Dalam tutorial hari ini kita melihat bagaimana mencapai tata letak responsif di halaman AMP memerlukan pendekatan yang berbeda dari pada halaman web tradisional. Daripada menerapkan gaya memakai kueri media, di halaman AMP, lebih baik menerapkan gaya pada tingkat elemen dengan memasukkan kombinasi atribut / nilai layout = "responsif" pada tag pembuka. Karena itu, ada beberapa kasus di mana kueri media masuk logika di halaman AMP. Kami akan menjajaki beberapa dari mereka dalam angsuran berikutnya.
Sumber Artikel : https://www.htmlgoodies.com/beyond/mobile/making-amp-page-elements-more-responsive.html
Penulis : Rob Gravelle
Kesimpulan
Dalam tutorial hari ini kita melihat bagaimana mencapai tata letak responsif di halaman AMP memerlukan pendekatan yang berbeda dari pada halaman web tradisional. Daripada menerapkan gaya memakai kueri media, di halaman AMP, lebih baik menerapkan gaya pada tingkat elemen dengan memasukkan kombinasi atribut / nilai layout = "responsif" pada tag pembuka. Karena itu, ada beberapa kasus di mana kueri media masuk logika di halaman AMP. Kami akan menjajaki beberapa dari mereka dalam angsuran berikutnya.
Sumber Artikel : https://www.htmlgoodies.com/beyond/mobile/making-amp-page-elements-more-responsive.html
Penulis : Rob Gravelle
Komentar
Posting Komentar