iPad detection

Viewing 1 replies (of 1 total)
  • Thread Starter bmorris110

    (@bmorris110)

    I’m using this code right now:

    <link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>style_mobile.css"
media="only screen and (min-device-width : 320px)
and (max-device-width : 480px)">

<link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>style_mobile.css"
media="only screen and (min-width : 321px)">

<link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>style_mobile.css"
media="only screen and (max-width : 320px)">

<link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>ipad.css"
media="only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)">

<link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>ipad-landscape.css"
media="only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape)">

<link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>ipad-portrait.css"
media="only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait)">

<link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>style_mobile.css"
media="only screen and (min-width : 1824px)">

<link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/style_mobile.css"
media="only screen
and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5)">

    But I can’t make my background image disappear or the width of my div containers.
    But it is using the right stylesheet.

Viewing 1 replies (of 1 total)
  • The topic ‘iPad detection’ is closed to new replies.