Медиа-запрос переопределить ориентацию Портрет - PullRequest
0 голосов
/ 18 февраля 2019

Я изучаю медиа-запрос.Я пытаюсь дать разную ширину для разных устройств с этой веб-страницы.Я собираю 6 медиа-запросов (без Samsung Galaxy, это я сделаю позже…), но они переопределяют мой рабочий стол и Nexus Portrait.

Медиа-запрос для этих устройств;

/*   My Desktop    1280 x 1024 */

@media only screen and (min-width: 65em) and (max-width: 80em) {  
body {

/* Tablet iPad 4 generation & iPad air, Portrait */

@media only screen and (max-width: 64em) and (orientation: portrait)  {


/* Nokia Lumia 920  */

@media only screen and (max-width : 47.5em) and (orientation : portrait) {

/* Tablet Nexus 7  (Portrait) */

@media only screen and (max-width: 38em) and (orientation: portrait){


/* Smartphones iPhone 3-4-5(Portrait)  */

@media screen and (min-width: 20em) 
          and (max-width: 30em) 
          and (orientation: portrait){

Здесь весь код медиазапроса от tablet_index.css .

Мета-теги;

<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="content-type" content="text/html; charset=utf-8"> 

Я использую PHP-код для импорта / включения вФайл CSS;

<style>
<?php 

     include 'CSS/me.css';
     include 'CSS/tablet_index.css';
?>
</style>

Я с Недели, кто пытается показать их ..., может кто-нибудь, помогите мне решить эту проблему, очень спасибо!

1 Ответ

0 голосов
/ 18 февраля 2019

Я обнаружил эту проблему ....

на моем рабочем столе @media only screen and (min-width: 65em) and (max-width: 80em) {

я написал grid-gap когда нужно написать grid-row-gap.

Позже мой Nexus @media only screen and (max-width: 38em) and (orientation: portrait){

Поменяй мой Hover ;

.dropdown:hover .dropdown-content {

  left: 80px;
  top: 182px; 
}  
...