Задать вопрос
Andreynovoandroid
@Andreynovoandroid
типа программист ;)
html

Белые не отрисованные области на сайте. Почему?

На сайте работающем на nuxt js при открытии какой либо страницы не отрисовываются некоторые области сайта пока не на ведёшь на них курсор. С проблемой встретился уже на 6 ноутбуках.
5d5178e8cba7c414616594.jpeg
  • Вопрос задан
  • 566 просмотров
4 комментария
Подписаться 4 Средний 4 комментария
Решения вопроса 1
@Andrew-Bogdanov
Nuxt тут вообще не причём. У вас глюки рендеринга, которые в 99% случаев связаны с версткой. Смотрите что вы там написали в css, попробуйте явно выставить для блоков position relative, вынести элементы на отдельный слой рендеринга через z-index, transform или will change
Ответ написан
5 комментариев
5 комментариев
Пригласить эксперта
Ответы на вопрос 2
@alstin
Однако мистика, у меня нормально открывается на мозилле. и хроме

если бы на одном ноуте проблема была, то подумал бы что с браузерными плагинами конфликт
6 ноутов выходят в интернет с одной сети?, у всех стоит один и тот же антивирусник? - ну это так вопросы для мозгового штурма
Ответ написан
7 комментариев
7 комментариев
@spaceatmoon
У тебя проблемы с размерами блоков. Я не специалист, но выявил пару проблем.
1. У body стоит margin 8px, зачем?)
2. Зачем ты используешь проценты в padding'ax? Это плохая практика
3. У тебя сайт не может подстроиться под ширину экрана, на всех разрешениях появляться горизонтальная полоса. Там .footer из-за 100vw ломает тебе вёрстку.
4. Зачем ты используешь разные системы измерения в пределах одного блока? vh,px,% - выбери что-то одно или лови тонну трудно отлаживаемых багов на проде.
5. Такие выражения вообще убирай, они не имеют смысла и не будут применяться.
min-height: 100vh;
6. Не используй пустые теги для семантической разбивки. На практите пустые теги без нормализаторов могут давать нежелательные отступы. 
#Неправильно
<section>
   <div class="footer">
      <div class="bottom_footer"></div>
   </div>
</section>
#Правильно
<section  class="footer">
    <div class="bottom_footer"></div>
</section>
Ответ написан
2 комментария
2 комментария
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
Вакансии с Хабр Карьеры
Fullstack Developer под Wordpress
Future Search
от 90 000 до 150 000 ₽
JavaScript FullStack разработчик
Rocket • Смоленск
от 80 000 до 130 000 ₽
CRM Bitrix24 разработчик
World Vision Clinic • Москва
от 170 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Разработать телеграм бота с реферальной системой, Юкассой и ChatGPT
23 дек. 2024, в 02:13
20000 руб./за проект
Собрать из исходного кода и запустить в докере рабочее приложение с бд
22 дек. 2024, в 22:57
500 руб./за проект
Аппликация для фильтра заказов
22 дек. 2024, в 20:40
10000 руб./за проект
Ещё заказы