Как последовательно совмещать SVG с включенным текстовым элементом на Windows и Mac - PullRequest
Новая
       34

Как последовательно совмещать SVG с включенным текстовым элементом на Windows и Mac

0 голосов
/ 27 января 2019

У меня есть 3 проблемы, связанные вместе, и они сводят меня с ума.

1: Заголовок заголовка в рамке (max-width: 1030px) должен измениться, если окна станут меньше.Внешние границы этого заголовка всегда должны быть на внешних границах окружающего блока.

2: меню ниже должно немного перекрывать (визуально вырезать) заголовок (margin-top: -1.5% или что-то в этом роде)как 30px).Проблема: это работает только до тех пор, пока окно не станет меньше 900 пикселей в ширину.Ниже этого значения меню, кажется, частично совпадает во всех браузерах.

Самая большая проблема: 3: я однажды справился с этим на Firefox и Chrome на Windows, но!на маке хром и сафари выглядит по разному.Firefox делает то же самое, что и на Windows.Поэтому я искал другой путь, но мне это не удалось.

Проблема 1: управлять масштабированием заголовка в зависимости от размера окна -> svg с текстовым элементом внутри.решена !?Размер SVG на Mac, очевидно, отличается от Windows.

Проблема 2: отрицательный запас с некоторой отзывчивостью?

Проблема 3: Возможно ли управлять этим на обеих ОС?Всегда есть один браузер, который работает не так, как другие, и это сводит меня с ума.

Я добавил яркие цвета фона в коробки, чтобы лучше понять, что там происходит.Пожалуйста, посетите:

https://benhuebsch.de/wordpress

Проблема 1: в Safari текст SVG немного больше, чем 1030px во всех браузерах на обоих ОС.

Проблема 2: Я думаю,моя версия неверна, но я не знаю, как с этим справиться.

Проблема 3: Возможно, просто невозможно добиться одинакового взгляда на браузеры.

У вас есть какие-нибудь идеи?

Best, EG

1 Ответ

0 голосов
/ 27 января 2019

Проблема 1: управление масштабированием заголовка в зависимости от размера окна -> svg с текстовым элементом внутри. решена !? Размер SVG на Mac явно отличается от Windows.

Если вам нужен браузер, вы можете использовать переменную в PHP 

$_SERVER['HTTP_USER_AGENT']

Вы также можете использовать функцию get_browser (), чтобы проверить детали браузера вашего клиента, например, его версию 

$browser = get_browser(null, true);
echo $browser['version']; // will echo the client's browser version

Проблема 2: отрицательная разница с некоторой отзывчивостью?

Я думаю, что медиа-запрос CSS - это то, что вы ищете здесь.

Проблема 3: Возможно ли управлять этим на обеих ОС? Всегда есть один браузер, который не работает, как другие, и это сводит меня с ума.

Да. Просто сравните версию браузера клиента. 

$browser = get_browser(null, true);
if($browser['version'] <= 1.0){
    // do something
}

Если вы уверены, что это не версия браузера, вам лучше знать операционную систему клиента из этого потока .

...