Breaking News: Grepper is joining You.com. Read the official announcement!

media query only for iphone

Add Answer

Drab Dolphin answered on August 10, 2022 Popularity 6/10 Helpfulness 5/10

answer media query only for iphone

related media query only for ipad

related iphone only media query

media query only for iphone

Comment

/**
*instead of using css, i prefer to use javascript to do the styling 
*logic for iphone only
*/
if (navigator.userAgent.toLowerCase().indexOf('safari/') > -1) {
	// Codes for non-Apple Device
} else {
	// Codes for Apple Device
}

// Use CSS just for "styling", and use Javascript for all your logic needs

Popularity 6/10 Helpfulness 5/10 Language javascript

Source: Grepper

Tags: device iphone javascript media selector styling text

Link to this answer
Share Copy Link

Contributed on Sep 26 2022

Drab Dolphin

0 Answers Avg Quality 2/10

Closely Related Answers

media query only for ipad

Comment

@media only screen and (min-width: 480px) and (max-width: 767px) {
 	body {
    background: #102fc3 !important;
  }
}

Popularity 5/10 Helpfulness 5/10 Language css

Source: Grepper

Tags: media css ipad

Link to this answer
Share Copy Link

Contributed on Aug 10 2022

Nikky Amresh

0 Answers Avg Quality 2/10

media query only for ipad

Comment

@media only screen and (min-width: 480px) and (max-width: 767px) {
 	body {
    background: #102fc3 !important;
  }
}

Popularity 3/10 Helpfulness 4/10 Language css

Source: Grepper

Tags: ipad media css

Link to this answer
Share Copy Link

Contributed on Aug 10 2022

Nikky Amresh

0 Answers Avg Quality 2/10

media query only for ipad

Comment

@media only screen and (min-width: 480px) and (max-width: 767px) {
 	body {
    background: #102fc3 !important;
  }
}

Popularity 3/10 Helpfulness 2/10 Language css

Source: Grepper

Tags: css ipad media

Link to this answer
Share Copy Link

Contributed on Aug 10 2022

Nikky Amresh

0 Answers Avg Quality 2/10

media query only for ipad

Comment

@media only screen and (min-width: 480px) and (max-width: 767px) {
 	body {
    background: #102fc3 !important;
  }
}

Popularity 4/10 Helpfulness 2/10 Language css

Source: Grepper

Tags: css media ipad

Link to this answer
Share Copy Link

Contributed on Aug 10 2022

Nikky Amresh

0 Answers Avg Quality 2/10

media query only for ipad

Comment

@media only screen and (min-width: 480px) and (max-width: 767px) {
 	body {
    background: #102fc3 !important;
  }
}

Popularity 4/10 Helpfulness 1/10 Language css

Source: Grepper

Tags: ipad css media

Link to this answer
Share Copy Link

Contributed on Aug 10 2022

Nikky Amresh

0 Answers Avg Quality 2/10

iphone only media query

Comment

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

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

Popularity 3/10 Helpfulness 1/10 Language whatever

Source: stackoverflow.com

Tags: whatever iphone media

Link to this answer
Share Copy Link

Contributed on May 16 2023

Kind Kestrel

0 Answers Avg Quality 2/10

media query only for iphone

Contents

More Related Answers

media query only for iphone

Closely Related Answers

media query only for ipad

media query only for ipad

media query only for ipad

media query only for ipad

media query only for ipad

iphone only media query

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.