Внешний вид моего веб-сайта отличается в Google Chrome и Fire Fox?
Мой веб-сайт идеально подходит для пикселей в Firefox, но он не показывает свой реальный вид в Google Chrome, но я использую bootstrap-4 и адаптивные точки останова для своего веб-сайта. Но почему они не работают должным образом?
Ответы 3
Это очень часто можно увидеть, когда вы разрабатываете веб-сайт. Если вас устраивает внешний вид, вы можете оставить его таким, какой он есть, или что некоторые разработчики будут делать, это проверять браузер с помощью jquery или проверять на стороне сервера. Вы можете сделать простой звонок и, возможно, установить класс на свое тело и стиль соответственно. Желаю тебе удачи! Вот ссылка на обнаружение браузера jQuery: https://api.jquery.com/jquery.browser/
Это нормально, некоторые атрибуты не поддерживаются или отображаются одинаково в Chrome и Firefox. Наиболее заметными атрибутами являются позиция. Советую заглянуть в модернизр плагин, он очень хорошо справляется с разными браузерами CSS
Это задается снова и снова (с различными комбинациями браузеров и механизмов рендеринга). Но на самом деле нет ответа. Вместо этого, вот несколько вещей, о которых нужно помнить, чтобы ваша работа выглядела более похожей в САМЫХ популярных браузерах и устройствах.
Один
Не существует такой вещи, как полное совершенство пикселей. Период. Даже если вам удастся достичь момента, когда скриншот, наложенный поверх исходного материала (Photoshop, Sketch и т. д.), будет идеальным, вы можете перейти на другой компьютер (с тем же браузером и исходным материалом) и не получить его в виде строки. вверх. Но даже это маловероятно, поскольку что-то вроде файла Photoshop по определению не может быть отзывчивым.
Два
Вы МОЖЕТЕ выровнять игровое поле, чтобы большинство браузеров одинаково относились к вашему коду. Для этого вам нужно понять, что каждый браузер имеет разные значения по умолчанию, а затем УДАЛИТЬ эти значения по умолчанию, чтобы ваш CSS представлял окончательное решение. Есть два типичных способа сделать это:
Сбросы CSS — они удаляют ВСЕ стили и заставляют вас создавать все заново.
CSS нормализовать — пытается сделать базовый стиль ОДНИМ и ОДНИМ во всех браузерах. (Я использую нормализацию в КАЖДОМ проекте, который делаю)
Три
Узнайте о CSS box-model. Относится к тому, как браузеры обрабатывают «блоки» поля/отступы/контент, из которых состоит отображаемая HTML-страница. Блочная модель, которую использует браузер, влияет на размеры и интервалы. Normalize обычно исправляет это, но многие браузеры по умолчанию используют разные модели блоков.
Также стоит обратить внимание на плотность пикселей экрана (это влияет на все с фиксированными размерами) и преобразовать размер в процентное соотношение (rem, vh/vw, %), чтобы все устройства начали отображать вещи как можно ближе к тому, что вы хотели.
Четыре
Ознакомьтесь с возможностями каждого браузера и запланируйте fallbacks или shims восстановление/добавление функциональности в таких случаях. Во-первых, проверьте, что вы пытаетесь использовать с caniuse.com. Это скажет вам, нужно ли вам использовать запасной вариант, обнаружить недостающие функции или просто принять тот факт, что он не будет работать так, как вы хотите, везде.