#css #layout
Вопрос:
У меня есть проблема, которая не была видна в live share, но при навигации по моей странице в гаджете с сенсорным экраном (в данном случае на моем Iphone-8 и планшете) рабочий стол кажется нормальным.
Содержимое плавает. Все выглядит нормально, пока я не перетащу содержимое влево или вправо, тогда с обеих сторон будет видно огромное пустое пространство.
Я использовал предопределенный контейнер начальной загрузки, но я удалил ссылку, и проблема сохраняется. (Ссылка закомментирована в этом последнем коммите). Я также добавил увеличенное изображение для просмотра на планшете для тестирования, но это не помогло. Я также установил ширину контейнеров на 100% и все еще.
Почему это могло произойти?
Ответ №1:
Похоже, это из-за «div.социальных сетей».
Вы добавили «слева» к этому, и его ширина равна » 100%», что является значением по умолчанию для div, поэтому он будет шире экрана на значение «слева».
Простое решение состоит в том, чтобы изменить свойство «отображение » класса». social-media » на «встроенный блок».
Ответ №2:
из-за того , что вы используете left свойство в ".social-media" div с position:relative , обычно left,top,right,bottom используете с position:absoulte или postion:fixed
.social-media {
display: inline-block;
}