duyarlı

1. Sadece bir arayüz geliştirin.
2. Sayfanın ekran uyarlaması belirli bir aralıktadır: örneğin, PC için bir set (>1024), tablet için bir set (768-1024), cep telefonu için bir set (<768); uyarlanmıştır. (Tahmin edebileceğiniz gibi: duyarlı tasarımın uyarlanabilir tasarımdan çok daha karmaşık olarak değerlendirilmesi gerekiyor)
3. Bir web sayfası oluşturun ve web sayfasının boyutunu farklı çözünürlüklerdeki ekranlara uyum sağlayacak şekilde değiştirmek için CSS Medya Sorgusu, İçerik Tabanlı Kesme Noktası ve diğer teknolojileri kullanın.

Uyarlanabilir

1. Çoklu arayüzlerin geliştirilmesi gerekiyor
2. Görüntü alanı çözünürlüğünün tespit edilmesiyle, halihazırda erişilen cihazın PC, tablet veya cep telefonu olup olmadığı belirlenir, böylece hizmet katmanı talep edilir ve farklı sayfalar döndürülür; duyarlı tasarım, görüntü alanı çözünürlüğünü algılar ve farklı istemciler için istemci üzerinde işlemler gerçekleştirir. Farklı düzenleri ve içeriği görüntülemek için kod işleme.
3. Farklı cihaz türleri için farklı web sayfaları oluşturun ve cihazın çözünürlüğünü tespit ettikten sonra ilgili web sayfalarını çağırın.

Duyarlı ve uyarlanabilir arasındaki farkı ayırt edin

1. URL'yi bilgisayarda açmak için tarayıcı kromunu veya kenarını kullanın.
2. buna göre F12 Veya sağ tıklayıp seçin Tespit etme.
3. Panelin sol üst köşesine tıklayınCihaz değiştirme simgesi,Aşağıda gösterildiği gibi

4. Geçiş yaptıktan sonra,
   Bilgisayarda ve mobil terminallerde görüntülenen düzen otomatik olarak değişir;duyarlıbu site gibi;
   Düzen otomatik olarak uyarlanmazsa sayfa yenilendikten sonra düzen uyarlamaya geçecektir (URL atlıyor veya atlamıyor), yaniUyarlanabilirBaidu gibi;
   Yenileme sonrasında herhangi bir geçiş yapılmıyorsa ne duyarlıdır ne de uyarlanabilirdir ve farklı cihazlara uyum sağlamaz.

telkin

• Geliştirme perspektifi: tek sayfa, karmaşık işlevler, uyarlanabilir;
• SEO perspektifi: Arama motorları genellikle yanıt verme özelliğini tercih eder.

Özetle

• Duyarlı:bir dizi şablon; Ön uç tarafından uyarlanan, farklı çözünürlükteki şablonlar tek sayfada birleştirilir ve bir sayfa şablon indirmek yalnızca bir sayfadır.
• Uyarlanabilir:Çoklu şablon grupları; Arka uç tarafından uyarlanan her çözünürlük şablonunun bir sayfası vardır ve farklı çözünürlük şablonları ayrı olarak indirilir.