(varsayılan) içeriği: #content { genişlik:% 54; şamandıra: sol; sağ kenar boşluğu:% 3; } # sidebar-left { genişlik:% 20; şamandıra: sol; sağ kenar boşluğu:% 3; } # sidebar-right { genişlik:% 20; şamandıra: sol; } .sidebar-nav {display: yok;} Kopyala Şimdi, iki kenar çubuğunu (aşağıda) gizliyoruz ve bu içerik parçalarının bağlantılarını gösteriyoruz. Alternatif olarak, bağlantılar JavaScript’i, görüntüyü iptal etmek için çağırabilir: tıklandığında yok ve kenar çubukları, CSS’de içeriğin altında yüzecek şekilde (veya başka bir makul şekilde) yeniden hizalanabilir. İşte mobile.css (daha basit) içeriği: #content { genişlik:% 100; } # sidebar-left { görüntü yok; } # sidebar-right { görüntü yok; } .sidebar-nav {display: inline;} Kopyala İçeriği kolayca gösterme ve gizleme, düzen öğelerini yeniden düzenleme ve görüntüleri, biçim öğelerini ve daha fazlasını otomatik olarak yeniden boyutlandırma becerisiyle bir tasarım, çok çeşitli ekran boyutlarına ve cihaz türlerine uyacak şekilde dönüştürülebilir.