web-dev-qa-db-fra.com

Quelle est la requête multimédia pour les grands ordinateurs de bureau?

J'utilise la requête multimédia pour un écran de bureau normal et idt ne devrait pas s'appliquer aux écrans plus grands. Mais ci-dessous la requête multimédia appliquée à un grand écran de bureau également. S'il vous plaît corriger ma requête des médias, Pour toute aide, merci d'avance.

@media (min-width: 992px) and (max-width : 1200px){//This should work for Normal desktops(15 to 18 inch) only.
}
csstwitter-bootstrapmedia-queries
7
sireesha j

Les défis de l'optimisation pour les écrans à grande échelle sont centrés sur la mise à l'échelle et la gestion du contenu .


Exemple: pour la classe "conteneur"

@media screen and (min-width: 1400px) {
  .container {
    width: 1370px;
  }
}
@media screen and (min-width: 1600px) {
  .container {
    width: 1570px;
  }
}
@media screen and (min-width: 1900px) {
  .container {
    width: 1870px;
  }
}
15
Himanshu Dhiraj Mishra

Vous pouvez également essayer l’un de ces

@media only screen  and (min-width : 1224px) {
/* Styles */
}


@media only screen  and (min-width : 1824px) {
/* Styles */
}
2
Shihab

si vous souhaitez cibler un écran plus grand en CSS, vous devez définir des critères de largeur pour une résolution élevée. Je veux dire si vous voulez cibler l'écran 4k 

    @media (min-width: 2000) {
    }

Dans les requêtes multimédia, la résolution de l'écran est prise en compte pour la taille de l'écran. Lorsque vous ciblez la taille de l'écran à l'aide de css, vous devez cibler la plage de résolution de l'écran.

2
Manij Rai