“Consulta de mídia do iPad CSS” Respostas de código

Consulta de mídia específica do iPad

/*working only in ipad portrait device*/
@media only screen and (width: 768px) and (height: 1024px) and (orientation:portrait) {
  body{
    background: red !important;
  }  
}
/*working only in ipad landscape device*/
@media all and (width: 1024px) and (height: 768px) and (orientation:landscape){
  body{
    background: green !important;
  }   
}

In the media query of specific devices, please use '!important' keyword to override the default CSS. Otherwise that does not change your webpage view on that particular devices.

Nikhil Carpenter

CSS IOS Media Query

@supports (-webkit-touch-callout: none) {
   /* CSS specific to iOS devices */ 
}

@supports not (-webkit-touch-callout: none) {
   /* CSS for other than iOS devices */ 
}

Lazy Leopard

Consulta de mídia do iPad CSS

@media screen and (max-width: 800px) {
    #site-header {
        display: none;
    }
}

Spotless Sloth

Respostas semelhantes a “Consulta de mídia do iPad CSS”

Perguntas semelhantes a “Consulta de mídia do iPad CSS”

Mais respostas relacionadas para “Consulta de mídia do iPad CSS” em CSS

Procure respostas de código populares por idioma

Procurar outros idiomas de código

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