Pertanyaan yang diberi tag «responsive-design»

Bagaimana kita membagi kueri media secara akurat untuk menghindari tumpang tindih? Misalnya, jika kita mempertimbangkan kode: @media (max-width: 20em) { /* for narrow viewport */ } @media (min-width: 20em) and (max-width: 45em) { /* slightly wider viewport */ } @media (min-width: 45em) { /* everything else */ } Apa yang …

90 css  responsive-design  media-queries 

Bagaimana membuat iframe responsif, tanpa mengasumsikan rasio aspek? Misalnya, konten mungkin memiliki lebar atau tinggi, yang tidak diketahui sebelum rendering. Catatan, Anda bisa menggunakan Javascript. Contoh: <div id="iframe-container"> <iframe/> </div> Ukuran ini iframe-containersehingga isinya hampir tidak muat di dalam tanpa ruang tambahan, dengan kata lain, ada cukup ruang untuk konten …

14 javascript  html  css  iframe  responsive-design 

Saya mengalami masalah nyata ketika mencoba untuk mendapatkan sidebar / konten navigasi saya (menggunakan Bootstrap) untuk ditampilkan (diperluas) secara default di desktop dan ditutup secara default di ponsel dan ikon hanya ditampilkan di ponsel. Sepertinya saya tidak bisa melakukan ini. <nav class="menu menu-open" id="theMenu"> <div class="menu-wrap"> <button class="navbar-toggler" type="button" data-toggle="collapse" …

9 javascript  html  css  bootstrap-4  responsive-design