0

Recently I did some css repairs in a site using a CSS trick to target only Safari browsers, some similar to this:

::i-block-chrome, .someclass{
   atribute: value;
}

But I discovered that this trick is not working on Mac devices (Macbooks, iPhones or iPads). Anyone here can tell me some alternative to solve this ?

Thanks!

BoltClock
  • 700,868
  • 160
  • 1,392
  • 1,356
Cesar André
  • 29
  • 1
  • 6
  • 2
    check this out : http://stackoverflow.com/questions/16348489/is-there-a-css-hack-for-safari-only-not-chrome – Sony Mathew Feb 12 '15 at 14:10
  • 1
    Thank you @ynos123, i saw the post. It seems this trick only work on Safari 5 or older. – Cesar André Feb 12 '15 at 15:33
  • 2
    Try: [1] http://www.paulirish.com/2009/browser-specific-css-hacks/ # [2] http://gotoanswer.stanford.edu/?q=is+there+a+css+hack+for+safari+only+NOT+chrome%3F # [3] http://tiku.io/questions/114982/is-there-a-css-hack-for-safari-only-not-chrome – Sony Mathew Feb 12 '15 at 18:42

1 Answers1

0

 @media screen and (-webkit-min-device-pixel-ratio:0) {
    ::i-block-chrome, .someclass {
   /* Add your style*/
    }
}
should be have below the code at <head> section

<meta name="viewport" content="width=device-width, initial-scale=1.0">
anitha appu
  • 26
  • 6