Flexslider отображает область просмотра 1px

-1

Итак, я создаю этот сайт, и все работает отлично. Однако я просто понял, что flexslider режет меньше 1 пикселя с правой стороны окна просмотра только на дисплеях на рабочем столе ..... Я искал ответы на подобные вопросы, и ничего не работает. Помогите!Flexslider отображает область просмотра 1px

http://staging.aidanspencer.com

источник

2016-05-05 theBurlyone

Пока я не могу воспроизвести этот вопрос сейчас в Chrome (какой браузер вы используете?) Это, скорее всего, вызвано это: в вашем CSS, ваша ширина больше 100%.

.flex-viewport { 
    width: 100.1% !important; 
    border: 1px solid #d7d7d7; 
}

Снимите это до 100%, и вы должны увидеть, что этот вопрос исчез.

(Обратите внимание, что, как правило, этот вопрос будет еще происходить, потому что граница будет вне ширина 100%, а потому, что вы используете border-box for box-sizing граница включается в расчет ширины)

источник

2016-05-05 23:34:05

Спасибо, что посмотрели на него. Это было добавлено после того, как возникла проблема, чтобы попытаться ее исправить. Ширина окна просмотра будет равна 1066,64 px, а ширина слайдов устанавливается равной 1067px. Так что моя граница была отрезана. В итоге я просто удалял границу содержимого и устанавливал границу вокруг окна просмотра. Это не совсем то, что я хотел сделать, но это выглядит хорошо. Еще раз большое спасибо за то, что посмотрели! О, и я использую хром на mac – theBurlyone

Рад, что вы это решили. Может быть полезно для будущих вопросов, чтобы опубликовать соответствующий CSS в вашем вопросе (или на pastebin), чтобы вы могли продолжать dev'ing, пока люди смотрят на ваш вопрос. В противном случае мы в конечном итоге посмотрим на код, который вы уже изменили :) –

Я полностью согласен, я был за графиком проекта и немного в панике, ха-ха. В следующий раз я обязательно вставлю код. – theBurlyone

Если я правильно понимаю что вы имеете в виду ...

проблема здесь:

.flex-viewport { 
    width: 100.1% !important; 
    border: 1px solid #d7d7d7; 
}

Этот код находится в файле global.css строке 74. здесь: http://staging.aidanspencer.com/wp-content/themes/aidan_spencer_2016/assets/css/global.css:74

Затем измените ширину:

.flex-viewport { 
    width: 100% !important; 
    border: 1px solid #d7d7d7; 
}

проблема решена, все счастливы.

источник

2016-05-05 23:39:51

Спасибо, что посмотрели на него, но я действительно обновил этот css. В основном проблема возникала, когда flexslider отображал область просмотра. Ширина окна просмотра будет равна 1066,64 px, а ширина слайдов устанавливается равной 1067px. Так что моя граница была отрезана. В итоге я просто удалял границу содержимого и устанавливал границу вокруг окна просмотра. Это не совсем то, что я хотел сделать, но это выглядит хорошо. Еще раз большое спасибо за то, что посмотрели! – theBurlyone

Okey. Все снова счастливы. :) –

Flexslider отображает область просмотра 1px

ответ

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