email - Hide elements in HTML-mails on Apple Mail -


is there way hide elements (e.g. s or s) in html-mails when viewed apple mail-clients (apple mail on desktop os , ios)?

maybe there easy way via css's -webkit properties?

i think can use media query so, here code. , usin displaying none or block can hide elements. hope aware of media queries.

 <!-- iphone standard resolution 320x460  (landscape not needed because web apps start portrait on iphone) --> <link  rel="apple-touch-startup-image" href="splash-320x460.jpg" media="(device-width: 320px)" /> <!-- iphone high resolution (retina) 640x920 pixels (landscape not needed because web apps start portrait on iphone) --> <link rel="apple-touch-startup-image" href="splash-640x920.jpg" media="(device-width: 320px) , (-webkit-device-pixel-ratio: 2)" /> <!-- ipad portrait 768x1004 --> <link rel="apple-touch-startup-image" href="splash-768x1004.jpg" media="(device-width: 768px) , (orientation: portrait)" /> <!-- ipad landscape 748x1024 (yes, portrait image content rotated 90 degrees - allows 20px status bar) --> <link rel="apple-touch-startup-image" href="splash-748x1024.jpg" media="(device-width: 768px) , (orientation: landscape)" /> <!-- ipad retina portrait 1536x2008 --> <link rel="apple-touch-startup-image" href="splash-1536x2008.jpg" media="(device-width: 768px) , (orientation: portrait) , (-webkit-device-pixel-ratio: 2)" /> <!-- ipad retina landscape 1496x2048 (yes, portrait image content rotated 90 degrees - allows 40px status bar) --> <link rel="apple-touch-startup-image" href="splash-1496x2048.jpg" media="(device-width: 768px) , (orientation: landscape) , (-webkit-device-pixel-ratio: 2)" /> 

Comments

Popular posts from this blog

database - VFP Grid + SQL server 2008 - grid not showing correctly -

jquery - Set jPicker field to empty value -

.htaccess - htaccess convert request to clean url and add slash at the end of the url -