css - Reposition content on iOS -
is possible reposition content on page when viewed on ipad/iphone example. have content (jquery flip) boxes in grid shape, can these repositioned css horizontal line/carousel-type-thing can swiped through on ipad etc.? reduce amount of vertical scrolling on page.
i'm not sure if media screen best option resolution of ipads getting larger , therefore new ipads display differently older ones , i'd quite keep grid view non-mobile device viewing. problem selecting based on os(?) excluding android/other devices , oss.
any advice appreciated.
i use code detect mobile os :
if ((navigator.useragent.match(/iphone/i)) || (navigator.useragent.match(/iemobile/i)) || (navigator.useragent.match(/ipod/i)) || (navigator.useragent.match(/ipad/i)) || (navigator.useragent.match(/blackberry/gi)) || (navigator.useragent.match(/android/gi))) { //cool stuff here }
and webkit, maybe can use in little js trigger css:
if ( $.browser.webkit || $.browser.safari){ //cool stuff here }
Comments
Post a Comment