Pertanyaan yang diberi tag «responsive-design»

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 bukan karena itu selalu 16 piksel apakah …

1189 css  responsive-design  font-size 

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 menggunakan CSS saja.

1059 html  css  responsive-design  aspect-ratio 

Apa perbedaan di antara col-lg-*,col-md-* dan col-sm-*di Twitter Bootstrap?

544 css  twitter-bootstrap  twitter-bootstrap-3  responsive-design  bootstrap-4 

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 memiliki wadah tetap dengan baris cairan, atau cairan-wadah ... …

399 twitter-bootstrap  responsive-design  fluid-layout  fixed-width 

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 </h1> </div> <!-- End Tagline --> </div> <!-- End Row …

341 css  responsive-design  font-size  zurb-foundation  em 

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 seluler? Apakah ada cara untuk mencegah pemuatan konten yang tidak perlu di …

336 css  responsive-design 

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 dropdown mirip-untuk-menunjukkan-lebih mirip. Apakah ini mungkin dalam kerangka …

298 html  css  twitter-bootstrap  responsive-design 

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 kolom?

276 css  twitter-bootstrap  html  responsive-design 

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 Irwin-Hall distribution. for …

224 javascript  responsive-design  d3.js 

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 KURANG. Masalah saya sama seperti dalam pertanyaan …

205 css  twitter-bootstrap  responsive-design  navbar  collapse 

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 solusinya. Membuat banyak gambar dan kemudian menggunakan ukuran …

195 css  responsive-design  background-image  image-resizing 

(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 yang tab. Pendekatan umum untuk masalah ini adalah memiliki …

191 javascript  ios  css  responsive-design  mobile-safari 

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 url("ipad.css") only screen and (device-width:768px);

178 html  css  responsive-design  internet-explorer-8  media-queries 

На этот вопрос есть ответы на 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 spesifik ditampilkan di bawah ...

170 html  css  responsive-design  grid-layout  aspect-ratio 

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 membuat biola JS saya sendiri sehingga …

144 css  iframe  responsive-design