Apa cara teraman, menggunakan kueri media, untuk membuat sesuatu terjadi saat tidak menggunakan perangkat layar sentuh? Jika tidak ada cara, apakah Anda menyarankan menggunakan solusi JavaScript seperti !window.Touchatau
Saya mencoba menggabungkan penggunaan variabel Sass dengan kueri @media sebagai berikut: $base_width:1160px; @media screen and (max-width: 1170px) {$base_width: 960px;} @media screen and (min-width: 1171px) {$base_width: 1160px;} $base_width kemudian ditentukan di berbagai titik dalam...
Ini mungkin terdengar seperti pertanyaan konyol. Jika saya menggunakan potongan CSS ini untuk tampilan biasa (Dimana box-bg.png200px kali 200px); .box{ background:url('images/box-bg.png') no-repeat top left; width:200px; height:200px } dan jika saya menggunakan kueri media seperti ini untuk...
Untuk beberapa alasan mode emulasi perangkat tidak membaca kueri media saya. Ini berfungsi di situs lain termasuk situs saya sendiri yang saya buat dengan bootstrap, tetapi tidak berfungsi pada kueri media yang saya gunakan dari awal (mengklik tombol kueri media akan mengubah tombol menjadi biru...
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) {...
DIEDIT: Mungkin saya harus bertanya pemilih mana yang mengatur padding samping ketika layar dikurangi menjadi di bawah lebar 480px? Saya telah menjelajahi bootstrap-responsiveness.css untuk sementara waktu untuk menemukan ini tetapi sepertinya tidak ada yang mempengaruhi ini. Asli Saya pada...
Saya memiliki kelas item dan kelas "pengubah" yang ringkas: .item { ... } .item.compact { /* styles to make .item smaller */ } Ini bagus. Namun, saya ingin menambahkan @mediakueri yang memaksa .itemkelas menjadi ringkas saat layarnya cukup kecil. Pada pemikiran pertama, inilah yang saya coba...