« MediaWiki:Common.css » : différence entre les versions

Page de l’interface de MediaWiki
(Test zoom "responsive")
(Responsive tables)
Ligne 21 : Ligne 21 :
       #bodyContent {
       #bodyContent {
         zoom: 0.5;         
         zoom: 0.5;         
      }
      tr {
        display: flex;
        flex-direction: row;
        align-items: center;
       }
       }
     }
     }
Ligne 34 : Ligne 39 :
       #bodyContent {
       #bodyContent {
         zoom: 0.9;         
         zoom: 0.9;         
      }
      tr {
        display: flex;
        flex-direction: row;
        align-items: center;
       }
       }
     }
     }
Ligne 42 : Ligne 52 :
       }
       }
     }
     }
table {
border: none;
}

Version du 9 février 2024 à 15:13

/* Le CSS placé ici sera appliqué à tous les habillages. */
@media only screen and (max-width: 270px) {
      #bodyContent {
        zoom: 0.2;
      }
    }
    
    @media only screen and (min-width: 270px) {
      #bodyContent {
        zoom: 0.3;        
      }
    }

    @media only screen and (min-width: 340px) {
      #bodyContent {
        zoom: 0.4;        
      }
    }

    @media only screen and (min-width: 415px) {
      #bodyContent {
        zoom: 0.5;        
      }
      tr {
        display: flex;
        flex-direction: row;
        align-items: center;
      }
    }


    @media only screen and (min-width: 570px) {
      #bodyContent {
        zoom: 0.7;        
      }
    }

    @media only screen and (min-width: 730px) {
      #bodyContent {
        zoom: 0.9;        
      }
      tr {
        display: flex;
        flex-direction: row;
        align-items: center;
      }
    }

    @media only screen and (min-width: 850px) {
      #bodyContent {
        zoom: 1;
      }
    }

table {
 border: none;
}