Duyarlı tasarım
Çalışma yüzeylerini, kademeli stil geçersiz kılmalarını ve gerçek görünüm alanı kontrollerini anlayın.
Sayfanın kırılma noktalarıyla başlayın
Masaüstü, tablet ve mobil, düzenleyicide zorunlu kırılma noktası kimlikleridir. Başka bir belgeden sabit sayılar kopyalamak yerine her sayfanın yapılandırılmış genişliklerini okuyun. Ziyaretçi kırılma noktası genişliği ile tuval çalışma yüzeyi genişliği farklı olabilir: çizim alanını yeniden boyutlandırmak, yayımlanan davranışı sessizce değiştirmemelidir.
Genişten dara doğru oluşturun
- Ortak düzeni en geniş çalışma yüzeyinde kurun.
- Tablete geçin ve yalnızca geçersiz kılınması gereken özellikleri değiştirin.
- Mobile geçin; sütunları alt alta yerleştirin, aşırı boşlukları azaltın ve metinlerin satır kaymasını kontrol edin.
- Gerçek bir önizlemeyi yalnızca çalışma yüzeylerinin tam genişliklerinde değil, bu genişliklerin arasında da yeniden boyutlandırın.
Stiller geniş kırılma noktalarından dar olanlara doğru kademeli olarak aktarılır. Daha dar bir noktadaki açık geçersiz kılma, masaüstü değeri değiştikten sonra bile bir değeri koruyabilir. Yeniden miras alınmasını istediğinizde geçersiz kılmayı kaldırın.
Taşmayı önleyin
İçerik sarmalayıcılarında esnek genişlikleri, metinde doğal yüksekliği ve okuma için bilinçli seçilmiş azami genişlikleri tercih edin. Görselleri, uzun URL'leri, düğmeleri ve iç içe ızgaraları kontrol edin. İçerik kapsayıcısından bağımsız büyüyebileceği için mutlak konumlandırma ek özen gerektirir.
Kabul kontrol listesi
Gezinmeyi, başlıkları, denetimleri ve formları dar, orta ve geniş boyutlarda doğrulayın. Uzun içerikleri ve veriye bağlı boş durumları test edin. Yayımlanan çalışma ortamında istenmeyen yatay kaydırma olmadığını doğrulayın.