“kueri media di CSS” Kode Jawaban

kueri media

@media only screen and (max-width: 600px) {
  body {
    background-color: lightblue;
  }
}
Collared Lizard

Kueri Media CSS

/* BOOSTRAP MEDIA BREAKPOINTS */
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {  
  .selector {
  	background-color:#f00;
  }
}
/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {}
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {}
gtamborero

CSS ukuran sreen yang berbeda

/* For Mobile */
@media screen and (max-width: 540px) {
    .view {
        width: 400px;
    }
}

/* For Tablets */
@media screen and (min-width: 540px) and (max-width: 780px) {
    .view {
        width: 600px;
    }
}
Foolish Fowl

cetak kueri media css

@media print { 
 /* All your print styles go here */
 #header, #footer, #nav { display: none !important; } 
}
Disturbed Dove

Kueri media CSS

media screen and (min-width: 480px) {
  body {
    background-color: lightgreen;
  }
}
naly moslih

kueri media di CSS

<!-- Don't forget to include this tag --> 

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

<!-- in your html head for media queries to work on all devices -->
Odd Ocelot

Jawaban yang mirip dengan “kueri media di CSS”

Pertanyaan yang mirip dengan “kueri media di CSS”

Lebih banyak jawaban terkait untuk “kueri media di CSS” di HTML

Jelajahi jawaban kode populer menurut bahasa

Jelajahi bahasa kode lainnya