Веб-сайт, не покрывающий весь экран в портретном виде

Я разработал отзывчивый сайт viz отлично работает в ноутбуке и пейзаж вид на Tab и мобильный телефон.Веб-сайт, не покрывающий весь экран в портретном виде

Когда я проверил, что в портрет вид тега тела не покрывает весь экран, в правой части экрана появляется белая вертикальная полоса.

Пейзаж вид:

Нет ошибок ... Работа Прекрасно ...

Портрет Вид:

Тело не покрывает всю страницу .. ..

тело тега CSS:

body{ 
    font-family: 'Raleway','Arial Narrow', serif; 
    width: 100%; 
    font-weight: 400; 
    font-size: 15px; 
    color: #333; 
    -webkit-font-smoothing: antialiased; 
    overflow-y: scroll; 
    overflow-x: hidden; 
    margin:0 !important ; 
padding:0 !important 
    }

источник

2015-09-03 Monicka Akilan

Проверено и работает ли он для меня? нет пробела справа? – Aaron

@RachelGallen 'body' не имеет встроенного дополнения. – Aaron

@Aaron В каком устройстве вы устройство ... Его не работает для меня в мобильном портретном виде ... –

Вы уже использовали box-sizing: content-box; для класса fs-container а именно вызывает проблему, ее ваш <body>это, покрывающий ваш полный веб-сайт, но из-за этого свойства на классе есть white-space.

Я использовал этот CSS:

 @media screen and (max-width: 570px) { 

      .fs-container { 
       position: relative; 
       width: 100%; 
       padding: 0 20%; 
       max-width: 100%; 
       left: 35px; 
       -webkit-box-sizing: border-box; 
       -moz-box-sizing: border-box; 
       box-sizing: border-box; 
      } 

      .fs-block { 
       width: 100%; 
      } 

     } 

    @media screen and (max-width: 380px) { 

      .fs-container { 
       padding: 0 15%; 
      } 

    }

на конкретном медиа-запроса, пожалуйста, попробуйте это, он будет делать трюк для вас.

источник

2015-09-03 12:04:58 vivekkupadhyay

Soooper Dooper как и для вашего ответа .... Спасибо за ваш интерес .... Теперь его работа хорошая ..... –

@MonickaAkilan рада помочь :) – vivekkupadhyay

Убедитесь, что вы используете универсальный селектор для поля и отступов.

(* {маржа: 0; утеплитель: 0;} )

Иногда это создает некоторые проблемы.

источник

2015-09-03 11:23:52

Я тоже использовал это ... Но не работал ... –

, тогда вы должны проверить портретный портрет своего веб-сайта в режиме проверки элемента в вашем браузере это может помочь вам узнать это пустое пространство. –

Я проверил только то, что только .... Простой тег тела, покрывающий это пустое пространство .... нет отступов или запаса присутствия ... Вот почему я не мог понять проблему .... –

Я проверяю это в своих инструментах разработчика, и все работает нормально.

Может быть, проблема в том, что ваш код вы вывесили:

overflow-x: hidden; 
margin:0 !important ; 
padding:0 !important

Пожалуйста, проверьте точку с запятой:

overflow-x: hidden; 
margin:0 !important; 
padding:0 !important;

источник

2015-09-03 11:51:30 weristsam

Веб-сайт, не покрывающий весь экран в портретном виде

ответ

Смежные вопросы