“CSS pour une taille d'écran plus grande” Réponses codées

Comment changer de style en fonction de la taille de l'écran

.adjust-me-based-on-size{
  margin-left: 15%;
  margin-right: 15%;
}
@media only screen and (min-width: 800) and (max-width: 1200) {
  .adjust-me-based-on-size {

    margin-left: 10%;
    margin-right: 10%;
  }
}
@media only screen and (max-width: 800px) {
  .adjust-me-based-on-size {
    margin-left: 5%;
    margin-right: 0%;
  }
}
 Run code snippet

Wandering Worm

CSS pour une taille d'écran plus grande

@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;
  }
}

Difficult Dingo

tailles d'écran pour les médias CSS

<meta name="viewport" content="width=device-width, initial-scale=1" />

Good Gerbil

Réponses similaires à “CSS pour une taille d'écran plus grande”

Code CSS réactif pour toute la taille de l'écran

Questions similaires à “CSS pour une taille d'écran plus grande”

Plus de réponses similaires à “CSS pour une taille d'écran plus grande” dans CSS

Parcourir les réponses de code populaires par langue

Parcourir d'autres langages de code

Shell/Bash

C++

CSS

HTML

Java

JavaScript

Objective-C

PHP

Python

Sql

Swift

Ruby

TypeScript

Kotlin

Assembly

VBA

Scala

Rust

Dart

Elixir

Clojure

Haskell

Matlab

Erlang

Cobol

Fortran

Scheme

Perl

Groovy

Lua

Julia

Delphi

Abap

Lisp

Prolog

Pascal

ActionScript

Basic

Solidity

PowerShell

GDScript

Excel