Bagaimana saya boleh memaparkan 13 item yang boleh dipilih pada laman web responsif mudah alih?

1. Berapa banyak titik putus yang harus anda ada?
2. Apakah titik putus untuk peranti responsif viewport?

Berapa banyak titik putus yang harus anda ada?

Walaupun tidak ada titik putus atau amalan terbaik sejagat, anda harus menggunakan sekurang -kurangnya 3 titik putus untuk fleksibiliti peranti yang paling (lihat ilustrasi). Semasa merancang untuk titik putus tertentu, pertimbangkan kandungan yang anda ada. Jangan membina pertanyaan media untuk peranti, membinanya untuk kandungan.

Apakah titik putus untuk peranti responsif viewport?

Dalam reka bentuk web yang responsif, titik putus paparan adalah dimensi penyemak imbas (biasanya hanya lebar) yang menetapkan julat aktif pertanyaan media yang diberikan. Setelah dimensi penyemak imbas berada dalam julat itu, gaya yang berkaitan dengan pertanyaan media itu akan dikenakan.