Desain Web Responsif (RWD) adalah pendekatan desain dan pengembangan Web yang bertujuan membuat situs untuk memberikan pengalaman optimal di berbagai perangkat berdasarkan ukuran layar, platform, dan orientasi.
Saya mengalami kesulitan mendapatkan kepala saya di sekitar scaling font. Saat ini saya memiliki situs ini dengan tubuh font-size100%. 100% dari apa? Ini tampaknya dihitung pada 16 piksel. Saya mendapat kesan bahwa 100% entah bagaimana akan merujuk pada ukuran jendela browser, tetapi tampaknya...
Saya ingin membuat divyang dapat mengubah lebar / tingginya saat lebar jendela berubah. Apakah ada aturan CSS3 yang akan memungkinkan ketinggian berubah sesuai dengan lebar, sambil mempertahankan rasio aspeknya ? Saya tahu saya bisa melakukan ini melalui JavaScript, tetapi saya lebih suka...
Apa perbedaan di antara col-lg-*,col-md-* dan col-sm-*di Twitter
Saya semakin bingung tentang berbagai opsi di kisi bootstrap twitter , dan bagaimana keduanya berjalan bersama. Untuk memulainya, Anda dapat memiliki perbaikan biasa container, atau a container-fluid. Kemudian salah satu dapat menyertakan rowbaris biasa , atau cair row-fluid,. Artinya, Anda dapat...
Saya telah membuat situs menggunakan kisi Zurb Foundation 3 . Setiap halaman memiliki besar h1: body { font-size: 100% } /* Headers */ h1 { font-size: 6.2em; font-weight: 500; } <div class="row"> <div class="twelve columns text-center"> <h1> LARGE HEADER TAGLINE...
Setiap tutorial pengembangan situs web yang responsif merekomendasikan penggunaan display:noneproperti CSS untuk menyembunyikan konten agar tidak dimuat di browser seluler sehingga situs web memuat lebih cepat. Apakah itu benar Tidak display:nonememuat gambar atau masih memuat konten di peramban...
Melihat melalui bootstrap sepertinya mereka mendukung collapsing item menubar untuk layar yang lebih kecil. Apakah ada yang serupa dengan item lain di halaman? Sebagai contoh, saya punya nav-pil melayang tepat. Pada layar kecil ini menyebabkan masalah. Saya ingin setidaknya memasukkannya ke dalam...
Saya ingin tombol untuk mengambil lebar penuh kolom, tetapi mengalami kesulitan ... <div class="span9 btn-block"> <button class="btn btn-large btn-block btn-primary" type="button">Block level button</button> </div> Bagaimana cara membuat tombol selebar
Asumsikan saya memiliki skrip histogram yang membuat grafik 960 500 svg. Bagaimana cara membuat ini responsif sehingga mengubah ukuran lebar grafik dan ketinggian dinamis? <script> var n = 10000, // number of trials m = 10, // number of random variables data = []; // Generate an...
Saat ini ketika lebar browser turun di bawah 768px, navbar berubah menjadi mode diciutkan. Saya ingin mengubah lebar ini menjadi 1000px jadi ketika browser di bawah 1000px navbar berubah menjadi mode diciutkan. Saya ingin melakukan ini tanpa menggunakan KURANG, saya menggunakan stylus bukan...
Saya memiliki situs web (g-floors.eu) dan saya ingin membuat latar belakang (dalam css saya telah mendefinisikan gambar-bg untuk konten) juga responsif. Sayangnya saya benar-benar tidak punya ide tentang bagaimana melakukan ini kecuali untuk satu hal yang dapat saya pikirkan tetapi ini cukup...
(Ini adalah pertanyaan multi-bagian, saya akan mencoba yang terbaik untuk meringkas skenario.) Kami saat ini sedang membangun aplikasi web yang responsif (pembaca berita) yang memungkinkan pengguna untuk menggesek di antara konten yang tab, serta menggulir secara vertikal di dalam setiap konten...
Apakah IE8 tidak mendukung permintaan media CSS berikut: @import url("desktop.css") screen and (min-width: 768px); Jika tidak, apa cara penulisan alternatif? Hal yang sama berfungsi dengan baik di Firefox. Adakah masalah dengan kode di bawah ini? @import url("desktop.css") screen; @import...
На этот вопрос есть ответы на Stack Overflow на русском : Сетка из адаптивных (responsif) квадратов Saya bertanya-tanya bagaimana saya bisa membuat tata letak dengan kotak responsif . Setiap kotak akan memiliki konten yang selaras secara vertikal dan horizontal . Contoh...
Saya membaca posting stackoverflow ini berjudul "Bisakah Anda membuat iFrame responsif?", Dan salah satu komentar / jawaban membawa saya ke jfiddle ini. Tetapi ketika saya mencoba menerapkan HTML dan CSS agar sesuai dengan kebutuhan saya, saya tidak memiliki hasil / keberhasilan yang sama. Saya...
Saya menguji navbar respons bootstrap dan saya memiliki situs web demo . Ketika saya mengubah ukuran browser di desktop, semuanya berfungsi dengan baik termasuk nav bar yang menjadi menu yang dapat dilipat dengan ikon kecil di bagian atas yang dapat saya klik untuk melihat lebih banyak tombol...
Saya memiliki kode berikut yang menyiapkan wadah yang memiliki tinggi yang berubah dengan lebar saat browser diubah ukurannya (untuk mempertahankan rasio aspek persegi). HTML <div class="responsive-container"> <div class="dummy"></div> <div class="img-container">...
IPhone 5 memiliki layar yang lebih panjang dan tidak menangkap tampilan seluler situs web saya. Apa permintaan desain responsif baru untuk iPhone 5 dan dapatkah saya menggabungkan dengan permintaan iPhone yang ada? Permintaan media saya saat ini adalah ini: @media only screen and...
Saya perlu membuat halaman responsif menggunakan bootstrap dengan posisi div di tengah halaman seperti pada tata letak yang disebutkan di bawah
Saya memiliki video YouTube yang tertanam di situs web kami dan ketika saya mengecilkan layar ke ukuran tablet atau ponsel, ia berhenti menyusut sekitar 560px lebarnya. Apakah standar ini untuk video YouTube atau ada sesuatu yang dapat saya tambahkan ke kode untuk membuatnya lebih...