Meremas browser desktop yang sangat sempit dapat memberi Anda gambaran yang tidak jelas tentang cara kerja desain responsif, tetapi ini bukan representasi akurat dari perangkat layar kecil yang sebenarnya. Dan perangkat layar kecil yang sebenarnya adalah apa yang kami rancang di sini, bukan perancang penasaran lain yang menekan browser mereka =).
Dalam screencast ini kami membuka simulator iOS (hadir gratis dengan XCode di Mac) dan membuat beberapa penyesuaian desain berdasarkan apa yang kami lihat di sana. Menurut pengalaman saya, simulator ini sangat akurat dengan apa yang Anda lihat di perangkat sebenarnya. Saya juga telah melihat perbedaannya - misalnya penggunaan memori. Tepat setelah peluncuran situs web ini, saya melihat kerusakan pada webkit seluler - dan itu tidak terjadi di simulator.
Satu hal yang kami lakukan adalah menghapus efek kertas bertumpuk 3D pada kueri media tersempit. Kami juga mengetahui bahwa iklan di tajuk menyebabkan beberapa pengguliran horizontal pada seluler, hal yang tidak diinginkan dalam pendekatan kami terhadap tata letak seluler. Untungnya kami dapat segera melacaknya, tetapi terkadang hal-hal ini sulit dilacak dan Anda hanya menyembunyikan overflow-xbagian tubuhnya, yang pada akhirnya kami lakukan di sini.
Kami juga menyesuaikan beberapa ukuran font untuk layar yang lebih kecil.