Menekan penyemak imbas desktop yang sangat sempit dapat memberi anda gambaran yang tidak jelas tentang bagaimana reka bentuk responsif berfungsi, tetapi itu bukan gambaran yang tepat mengenai peranti skrin kecil sebenarnya. Dan peranti skrin kecil sebenarnya adalah apa yang kami rancang di sini, bukan pereka ingin tahu yang lain yang menekan penyemak imbas mereka =).
Dalam screencast ini, kami membuka simulator iOS (percuma dengan XCode pada Mac) dan membuat beberapa reka bentuk berdasarkan apa yang kami lihat di sana. Dalam pengalaman saya, simulator sangat tepat dengan apa yang anda lihat pada peranti sebenar. Saya juga melihat perbezaan - seperti penggunaan memori. Sejurus selepas pelancaran laman web ini, saya melihat kerosakan pada webkit mudah alih - dan itu tidak berlaku di simulator.
Satu perkara yang kita lakukan ialah membuang kesan kertas bertumpuk 3D pada pertanyaan media yang paling sempit. Kami juga mengetahui bahawa iklan di tajuk menyebabkan beberapa tatal mendatar di telefon bimbit, perkara yang tidak diingini dalam bagaimana kami mendekati susun atur mudah alih. Nasib baik kami dapat mengesannya dengan segera, tetapi kadang-kadang perkara-perkara ini sukar dijumpai dan anda hanya menyembunyikannya overflow-xdi badan, yang akhirnya kami lakukan di sini.
Kami juga menyesuaikan beberapa saiz fon untuk layar yang lebih kecil.