Home/ Questions/Q 8999909
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-16T00:14:34+00:00

Hello everytime I use a float left somewhere in that page I get a

  • 0

Hello everytime I use a float left somewhere in that page I get a weird padding at the right. with normal browsers its OK but with viewing on a iPad it’s kinda ugly because I get a kind of padding of like 1 cm at the right.. Does anyone know how to solve this?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    for ipad specific CSS

        @media only screen and (device-width: 768px) {
         /* For general iPad layouts */
                }

    @media only screen and (min-device-width: 481px) and (max-device-width: 1024px)   and (orientation:portrait) {
         /* For portrait layouts only */
          }

       @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
       /* For landscape layouts only */
          }

    EDIT :

        <!--Target iPad-->
     <link href="ipad.css" rel="stylesheet" media="only screen and (min-device-width: 768px) and (max-device-width: 1024px)" type="text/css" />
    <!--Target iPhone 3GS> -->
    <link href="iphone.css" rel="stylesheet" media="only screen and  (max-device-width: 480px)" type="text/css" />
     <!--Target iPhone 4-->
     <link href="retnia.css" rel="stylesheet" media="only screen and (-webkit-min-device-pixel-ratio: 2) and (max-device-width: 480px)" type="text/css" />

    the jquery

        if(navigator.platform == 'iPad' || navigator.platform == 'iPhone' || navigator.platform == 'iPod')
   {
    $(window).scroll(function() {
    $('header').css('top', $(this).scrollTop());
    });

   };

    and use your special css file for your ipad when you target it for IPAD , in the code above your file will be ‘ipad.css’

    • 0