Pertanyaan yang diberi tag «media-queries»

Kueri media mengaktifkan aplikasi kondisional gaya CSS berdasarkan jenis media, seperti layar dan cetak, dan kondisi fitur media, seperti area pandang serta tinggi dan lebar perangkat. Mereka adalah bagian dari spesifikasi W3C CSS3.

3
Kueri media CSS: max-width ATAU max-height
Saat menulis kueri media CSS, apakah ada cara Anda dapat menentukan beberapa kondisi dengan logika "ATAU"? Saya mencoba melakukan sesuatu seperti ini: /* This doesn't work */ @media screen and (max-width: 995px OR max-height: 700px) { ... }
490 css  media-queries 
5
Apa perbedaan antara "layar" dan "hanya layar" dalam kueri media?
Apa perbedaan antara screendan only screendalam pertanyaan media? <link media="screen and (max-device-width: 480px)" rel="stylesheet" href="m.css" /> <link media="only screen and (max-device-width: 480px)" rel="stylesheet" href="m.css" /> Mengapa kita harus menggunakan only screen? Apakah screenitu sendiri tidak memberikan informasi yang cukup untuk ditampilkan hanya untuk layar? Saya telah melihat banyak situs web …
487 css  media-queries 
15
Kueri Media: Bagaimana menargetkan desktop, tablet, dan seluler?
Saya telah melakukan riset tentang pertanyaan media dan saya masih tidak begitu mengerti bagaimana menargetkan perangkat dengan ukuran tertentu. Saya ingin dapat menargetkan desktop, tablet, dan seluler. Saya tahu bahwa akan ada beberapa perbedaan tetapi akan menyenangkan jika memiliki sistem generik yang dapat digunakan untuk menargetkan perangkat ini. Beberapa contoh …
12
Apakah mungkin memasukkan aturan CSS @media?
Saya perlu memuat gambar spanduk secara dinamis ke dalam aplikasi HTML5 dan ingin beberapa versi berbeda sesuai dengan lebar layar. Saya tidak dapat menentukan dengan benar lebar layar ponsel, jadi satu-satunya cara saya bisa memikirkan untuk melakukan ini adalah menambahkan gambar latar belakang div dan menggunakan @ media untuk menentukan …
293 html  css  media-queries 
5
@Media min-width & max-width
Saya memiliki @mediapengaturan ini : HTML : <head> <meta name="viewport" content="width=device-width, user-scalable=no" /> </head> CSS : @media screen and (min-width: 769px) { /* STYLES HERE */ } @media screen and (min-device-width: 481px) and (max-device-width: 768px) { /* STYLES HERE */ } @media only screen and (max-device-width: 480px) { /* STYLES …
3
@media media query dan ASP.NET MVC clash syntax clash
Saya punya situs besar yang berjalan di ASP.NET MVC menggunakan mesin Razor view. Saya memiliki stylesheet dasar yang berisi semua gaya umum untuk seluruh situs. Namun, kadang-kadang, saya memiliki gaya khusus halaman yang pada <head>halaman - biasanya ini adalah satu atau 2 baris. Saya tidak terlalu suka menempatkan CSS <head>sebagai …
17
$ (window) .width () tidak sama dengan kueri media
Saya menggunakan Bootstrap Twitter pada sebuah proyek. Serta gaya bootstrap default saya juga menambahkan beberapa dari saya sendiri //My styles @media (max-width: 767px) { //CSS here } Saya juga menggunakan jQuery untuk mengubah urutan elemen tertentu pada halaman ketika lebar viewport kurang dari 767px. $(document).load($(window).bind("resize", checkPosition)); function checkPosition() { if($(window).width() …
16
Mengapa kueri media CSS3 saya tidak berfungsi?
Di styles.css, saya menggunakan kueri media, keduanya menggunakan variasi: /*--[ Normal CSS styles ]----------------------------------*/ @media only screen and (max-width: 767px) { /*--[ Mobile styles go here]---------------------------*/ } Situs mengubah ukuran ke tata letak yang saya inginkan di browser biasa (Safari, Firefox) ketika saya mengecilkan jendela, namun, tata letak seluler tidak …
11
Dukungan IE8 untuk CSS Media Query
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);
19
CSS @media masalah cetak dengan warna latar belakang;
Saya baru di sini di perusahaan ini dan kami memiliki produk yang menggunakan bermil-mil css. Aku mencoba untuk membuat stylesheet dicetak untuk aplikasi kita tapi aku mengalami masalah dengan background-colordi @media print. @media print { #header{display:none;} #adwrapper{display:none;} td { border-bottom: solid; border-right: solid; background-color: #c0c0c0; } } Segala sesuatu yang …
176 css  media-queries 
Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.