Другой взгляд на веб-дизайн при открытии в другом ноутбуке - PullRequest
0 голосов
/ 04 сентября 2018

Сценарий:

  • Я работаю над мобильной веб-версией моего сайта

Проблема:

  • Когда дизайн работает на моем ноутбуке выглядит отлично
    но когда я помещаю свои HTML-файлы и открываю на другом ноутбук моего друга,
    дизайн совершенно другой и супер грязный .

    • Например:

      1. font-size испорчен.
      2. absolute positioned div не в том положении, которое я установил.
      3. sizes of input fields перепутано.
  • Общая проблема заключается в том, что дизайн пользовательского интерфейса выглядит идеально на моем экране
    , но отличается от других, даже при той же ширине экрана и разрешениях.

Использование: Bootstrap 4 для разработки пользовательского интерфейса.


Открыто для всех предложений, пожалуйста, предложите.
Спасибо.

1 Ответ

0 голосов
/ 04 сентября 2018

Вы можете использовать что-то вроде Normalize.css или Сброс CSS , чтобы минимизировать разницу между таблицами стилей по умолчанию в браузерах и различных операционных системах. Подобные таблицы стилей дают вашим сайтам последовательную отправную точку, удаляя любые пользовательские стили, которые могут быть добавлены издателем браузера или производителем компьютера.

Просто добавьте таблицу стилей в качестве первого <link> в <head> вашего index.html, и она должна дать вам хорошую отправную точку. Впоследствии могут быть некоторые несоответствия дисплея из-за различий в оборудовании или операционной системе, поэтому может потребоваться небольшая настройка.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...