Cavab verən vebsayt_Responsive vebsayt_Responsive və adaptiv arasındakı fərq
Cavab verən
- Sadəcə bir interfeys inkişaf etdirin.
- Səhifə üçün ekran uyğunluğu müəyyən diapazondadır: məsələn, PC üçün bir dəst (>1024), planşet üçün bir dəst (768-1024), mobil telefon üçün bir dəst (<768) cavab verən bütün səhifələr üçün; uyğunlaşdırılırlar. (Təsəvvür edə bildiyiniz kimi: cavab verən dizayn adaptiv dizayndan daha mürəkkəb hesab edilməlidir)
- Veb səhifə yaradın və müxtəlif rezolyusiyaya malik ekranlara uyğunlaşmaq üçün veb səhifənin ölçüsünü dəyişdirmək üçün CSS Media Query, Content-Based Breakpoint və digər texnologiyalardan istifadə edin.
Adaptiv
- Çoxlu interfeyslər inkişaf etdirilməlidir
- Görünüş sahəsinin rezolyusiyasını aşkar etməklə, hazırda əldə edilən cihazın: PC, planşet və ya mobil telefon olub-olmadığı müəyyən edilir, bununla da xidmət səviyyəsini tələb edir və fərqli səhifələri qaytarır. Fərqli tərtibatları və məzmunu göstərmək üçün kodun işlənməsi.
- Müxtəlif tipli cihazlar üçün müxtəlif veb səhifələr yaradın və cihazın təsvir ölçüsünü aşkar etdikdən sonra müvafiq veb səhifələrə zəng edin.
Cavab verən və adaptiv olanı fərqləndirin
- Kompüterdə URL-i açmaq üçün brauzerin xromundan və ya kənarından istifadə edin.
- görə
F12Və ya sağ klikləyin və seçinAşkarlama。 - Panelin yuxarı sol küncündə klikləyin
Cihaz keçid ikonu,Aşağıda göstərildiyi kimi
- keçiddən sonra,
Kompüterdə və mobil terminallarda göstərilən layout avtomatik olaraq dəyişir, yəniCavab verən, bu sayt kimi;
Düzəliş avtomatik uyğunlaşmırsa, düzən səhifəni yenilədikdən sonra uyğunlaşmaya keçəcək (URL sıçrayır və ya atılmır), yəniAdaptivBaidu kimi;
Yeniləmədən sonra keçid yoxdursa, o, nə cavab verir, nə də uyğunlaşır və müxtəlif cihazlara uyğunlaşmır.
təklif
- İnkişaf perspektivi: tək səhifə, mürəkkəb funksiyalar, adaptiv sadə funksiyalar, cavab verən;
- SEO perspektivi: Axtarış motorları ümumiyyətlə cavab verməyə üstünlük verirlər.
Ümumiləşdirin
- Cavab verən:
şablonlar toplusuÖn tərəf tərəfindən uyğunlaşdırılmış, müxtəlif qətnamələrə malik şablonlar bir səhifədə birləşdirilir və şablonların bir səhifəsini yükləmək sadəcə bir səhifədir. - Adaptiv:
Çoxsaylı şablon dəstləriBackend tərəfindən uyğunlaşdırılmış, hər bir qətnamə şablonunun bir səhifəsi var və müxtəlif ayırdetmə şablonları ayrıca endirilir.