Вопросы с меткой [кроссбраузерность]

Руководство по использованию метки отсутствует.

Фильтрация
Сортировка
Метки
0 голосов
1 ответ
49 показов

Некорректно определяется ширина документа в браузерах на сайте

Столкнулся с такой проблемой: есть сайт, работает на битрикс. В браузерах Chrome, Opera, Edge некорректно определяется ширина окна. В Firefox и Safari все норм. Отслеживаю поведение по window....
rusgeli's user avatar
  • 1,808
0 голосов
0 ответов
22 показа

Кросбраузерность и совместимость -webkit-tap-highlight-color

Коллеги, не могу найти точную информацию будет ли работать на сегодняшний день свойство -webkit-tap-highlight-color во всех браузерах одинаково. Буду очень благодарен, если кто-нибудь сможет прояснить....
El Jeko's user avatar
  • 39
0 голосов
0 ответов
30 показов

Автоматизация работы в нескольких браузерах по шаблону

у меня есть работа и я хотел бы автоматизировать ее. Суть заключается в том, что я занимаюсь рекламой и я работаю в 8 браузерах одновременно, прикреплю фото для понимания. Другими словами у меня ...
Виталий's user avatar
0 голосов
1 ответ
131 показ

Не работает background-color/image: linear-gradient в Safari

Всем привет. Столкнулся с следующей проблемой: Неккоректно работает linear-gradient в Safari. При этом в остальных браузерах всё корректно. На первом фото показано как работает в гугл. На втором как ...
brutal's user avatar
  • 21
0 голосов
1 ответ
28 показов

Почему у меня в ie 11 коряво работает позиционирование

Почему у меня в ie странно ведет себя позиционирование и как это исправить? вот часть кода, которая отвечает за эту форму: *, *::before, *::after { box-sizing: border-box; } body { margin: ...
MrIngo's user avatar
  • 43
2 голоса
1 ответ
53 показа

IE js (CSS, API, error, ...) только для IE10..11only не зависящее от эмуляции / режима документа

Привет из прошлого ))) Ищу CSS или API или ещё что-то только для IE10..11real не зависящее от режима документа / эмуляции Например, document.documentMode (IE8..11) - работает в любом режиме документа (...
ultradronson's user avatar
0 голосов
2 ответа
895 показов

Почему не отрабатывает плавный скролл

Есть простой код. Он должен реализовать плавный скролл на веб-странице. const btn = document.querySelector('button'); const footer = document.querySelector('footer'); btn.addEventListener('click', () ...
Вагиф Бадалов's user avatar
0 голосов
0 ответов
114 показов

Разный font-weight в chrome и firefox

Шрифт подключил через фонтфейс. В хроме сделала как все должно выглядеть, но в фф жирность шрифта меньше и текст переносится на новую строку. Пробовал использовать префикс -moz- со свойством font-...
Влад's user avatar
0 голосов
1 ответ
139 показов

Два скроллбара вместо одного

Есть сайт В окне .dropdownwindow есть столбец .windowmenuist, для которого нужен скроллбар let cataloglistbutton=document.querySelector('.catalogbutton'); let divmenuleft=document....
newbie seeker's user avatar
0 голосов
1 ответ
34 показа

Неработающая прокрутка

Есть сайт В окне .dropdownwindow есть столбец .windowmenuist, для которого нужен скроллбар let cataloglistbutton=document.querySelector('.catalogbutton'); let divmenuleft=document....
newbie seeker's user avatar
1 голос
1 ответ
1k показов

Префиксы Firefox для прокрутки [закрыт]

На странице https://www.digitalocean.com/community/tutorials/css-scrollbars-ru указано как добавить стили панелей прокрутки для Firefox. Мне необходимо добавить стили для панели прокрутки для как ...
newbie seeker's user avatar
-4 голоса
2 ответа
131 показ

Запрет ПК версии сайта на мобильных устройствах

Как запретить пользователю переходить на «Версия для ПК» или «Полная версия сайта»? Хотя бы в какую сторону думать подскажите.
Krovorgen's user avatar
  • 778
0 голосов
1 ответ
45 показов

Как работает background в разных браузерах?

В IE11 картинку расплющило. В chrome всё хорошо. Пытался менять значения background-position и background-size .callback { background-color: #8387db; background-image: url(../img/icons/...
Александр Д.'s user avatar
0 голосов
0 ответов
43 показа

Кроссбраузерность правого бокового меню. Префиксы -moz- и -ms-

Есть сайт * { list-style: none; text-decoration: none; margin: 0; padding: 0; } /* #sidemenu { background: #afafaf; display: inline-flex; grid-area: leftsidemenu; flex-direction: ...
developer.fron's user avatar
5 голосов
2 ответа
1k показов

SVG градиент не работает при подключении через use

У меня есть svg-файл с текстом, к которому применяется градиент: <svg viewBox="0 0 25.709 9.6739998" xmlns="http://www.w3.org/2000/svg"> <defs> <linearGradient id="brand-...
Ikor Jefocur's user avatar
0 голосов
0 ответов
33 показа

Задание кроссбраузерной верстки

Искал в интернете Кроссбраузерная верстка как в зависимости от браузера задавать стили (вообще отображение)? Я полагаю существует какое-то свойство propertyBrowserName, которое принимает значения из ...
ProgrammerOfParadoxThings's user avatar
0 голосов
1 ответ
88 показов

Почему когда запускаю сайт с пк, то он выглядит как нужно, но когда заливаю на хостинг, то он ломается?

Использую один и тот же браузер. Когда запускаю с пк, сайт выглядит нормально , но когда заливаю на хостинг он ломается . Думал , что просто залил не те файлы , но проверил раз 10 и проблема точно не ...
Merry_Train's user avatar
3 голоса
1 ответ
362 показа

Почему js код в Яндекс Браузере работает только при открытой консоли?

Сам проект еще не доделан, но встретилась такая ошибка: Планируется сделать так, что после того, как пользователь вводит данные в любые 3 тега input, все остальные теги input блокируются. Сам код я ...
user avatar
1 голос
1 ответ
252 показа

Изображение и иконки в safari

всем привет подскажите пожалуйста у меня safari ломает изображение <img src="http://localhost:3011/uploads/Icon18.png" alt=""> а когда меняю стили руками оно появляются ...
Maxim Severyanov's user avatar
0 голосов
3 ответа
2k показов

Что делать? Меняются стили кнопки на Safari IOS

Меняются стили input на Safari IOS. Прописал вендорные префиксы , не работает. 1 Кнопка на Chrome Android , а вторая на Safari IOS. Что делать? Как решить данную проблему?
Дмитрий Скаковский's user avatar
0 голосов
0 ответов
120 показов

Задание width для img в процентах

Для достижения "резиновой" верстки задал картинке (svg в img) ширину в процентах (35%). Всё работало отлично в хроме, но на этапе проверки кроссбраузерности обнаружилась проблема в Firefox. Сам расчёт ...
Владимир's user avatar
0 голосов
0 ответов
56 показов

Кроссбраузерность блока

Сверстал сайт по макету. Нужным элементам добавил вендорные префиксы. Однако есть участки на сайте, которые работают во всех браузерах прекрасно, но именно в IE, вёрстка по ним "плывёт". Не могу ...
Максим Крутов's user avatar
0 голосов
1 ответ
66 показов

Зеркальный текст в сафари IOS

Есть 3 картинки, при наведении на которые они поворачиваются, а на тыльной стороне появляется текст, на андроиде и пк все работает хорошо, а вот в сафари ios текст отзеркален по горизонтали: Вот как ...
daladn0's user avatar
  • 356
0 голосов
0 ответов
32 показа

Кроссбраузерность. Какие версии браузеров выбрать?

Новичок. Существуют огромное количество различных браузеров и их версий. Например, только у IE более 5 версий (IE 6/7/8/9/10/11), не принимая во внимание маленькие доработки. Как мне определиться под ...
shit's user avatar
  • 37
1 голос
0 ответов
51 показ

Не срабатывает onafterprint (как я понял вопрос в браузере)

После запуска открывается окно печати, но если его закрыть, то onafterprint не срабатівает. Если повторно нажать Ctrl+P(что есть горячая клавиша печати) и снова закрыть, то все работает. Вопрос: ...
Vitaliy Stop_RU_war_in_UA's user avatar
0 голосов
0 ответов
51 показ

Как сделать так, чтобы данная верстка выглядела одинаково как в Chrome, так и в IE 11?

ВОПРОС 1 Есть такой код: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>...
user153742's user avatar
0 голосов
1 ответ
417 показов

Какое разрешение браузерной игры выбрать для десктопов

Начал делать браузерную игру, ориентированную на десктопы и ноутбуки и никак не могу определиться с разрешением игры. Хочется чтобы она охватывала как можно больше устройств, но также при этом была ...
Valeriy Petukhov's user avatar
1 голос
1 ответ
59 показов

Кроссбраузерность firefox [закрыт]

https://layout.alicom.dp.ua/jp-desk/ Имею такой баг в firefox 49. Подскажите пожалуйста решение. flex он уже поддерживает.
Andry Lomakin's user avatar
0 голосов
1 ответ
243 показа

Чем заменить background-clip: text в IE 11?

Известно, что background-clip не поддерживается в IE 11, однако текст необходимо сделать градиентным. Кроме того, существует полифилл для IE 11 /** -webkit-background-clip: text Polyfill # ...
Alexandr Järvi's user avatar
1 голос
1 ответ
764 показа

Как убрать зум (когда можно пальцами увеличить контент) у мобильной Opera/Safari на iOS 10 и выше?

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> Прописал этот мета тэг, контент нельзя приблизить во всех браузерах, кроме ...
Underdoggit's user avatar
1 голос
1 ответ
125 показов

Нужно ли всё ещё добавлять префиксы для бразуеров?

Увидел в книге по CSS 2015 года, что префиксы вроде -webkit- и -ms- желательно юзать, и что в будущем префиксы должны убрать, чтобы не нужно было новые строчки писать. Свежей инфы нет. Нужно ли их ещё ...
IT Cat's user avatar
  • 316
0 голосов
1 ответ
76 показов

Проблема с калькулятором JS на устройствах iOS (Safari)

есть калькулятор на сайте (ссылка: oneservice24.ru/#my-calc). Сайт на WordPress'e, плагин калькулятора - ez Form Calculator. Проблема в том, что при выборе "неисправностей" - на iPhone XR, X ...
Persol's user avatar
  • 7
1 голос
1 ответ
63 показа

Mozilla Firefox не воспринимает Lookbehind Регулярное Выражение

Имеется регклярное выражение: /(?<=")[^"]*(?=")|(?<=')[^']*(?=')/g Которое Chrome воспринимает без каких-либо проблем, в то время как Mozilla Firefox выдёт ошибку: SyntaxError: invalid regexp ...
Max's user avatar
  • 13
0 голосов
1 ответ
111 показов

Некорректное отображение градиента в Safari 12.0.3

Имеется следующий код для задания фона элементу: background-image: linear-gradient(to bottom, $header-grad, rgba(255, 255, 255, 0)); background-image: -webkit-linear-gradient(top, $header-grad 0%, ...
Alexandr Järvi's user avatar
0 голосов
0 ответов
63 показа

Flex айтемы не влазят в контейнер на ios 8 и ниже. Почему?

Есть такой вот код: .services { padding: 120px 0; padding-bottom: 50px; } .services__content { margin-top: 64px; } .services__list { display: -webkit-box; display: -ms-...
Просто Гуля's user avatar
0 голосов
0 ответов
16 показов

Разные цвета в Ie11 и браузерах на chromium. Есть ли решение?

Прошу опытных фронт-енд разработчиков помочь с такими странностями: Можно ли оставлять цвета такие, какие по макету(они же видны с левой стороны изображения в google). Справа находится ie11. Один ...
Просто Гуля's user avatar
1 голос
4 ответа
4k показов

Кроссбраузерный zoom?

Почему к примеру на Firefox не работает zoom, и работает moz-transform: scale - криво? Zoom масштабирует целиком, если использовать в html, body, на весь экран... transform: scale - если уменьшаем, то ...
Vladimir Rodichev's user avatar
0 голосов
3 ответа
1k показов

Все ли браузеры поддерживают zoom CSS?

Всем привет. Как вы знаете экранов много и многие отличаются соотношением сторон и разрешением экрана. Я хочу написать код для масштабирования экрана с помощью css, свойства «zoom», для разных ...
Vladimir Rodichev's user avatar
0 голосов
2 ответа
380 показов

Как добавить полифилл?

Имеется следующий код $(document).ready(function() { $('.minus').click(function() { this.nextElementSibling.stepDown() }); $('.plus').click(function() { this....
Alexandr Järvi's user avatar
2 голоса
1 ответ
475 показов

EDGE и IE неправильно отображают стили

Помогите, edge и ie как то неправильно отображает мои стили для чекбоксов .item_opt[type="checkbox"], #item_opt_4[type="checkbox"] { width: 50px; height: 24px; ...
Николай Василенков's user avatar
0 голосов
0 ответов
344 показа

Есть ли смысл писать мета тег c content="IE=edge,chrome=1" при использовании css переменных?

В проекте используется css переменные, а они не поддерживаются в IE 11 и ниже (https://caniuse.com/#feat=css-variables) Есть ли смысл в том чтобы писать это <meta http-equiv="X-UA-Compatible" ...
oganez09's user avatar
2 голоса
1 ответ
129 показов

Страница некорректно отображается на некоторых мобильных устройствах (на iphone)

Делаю веб-страницу, еще только новичок. Столкнулась с тем, что страница некорректно отображается в мобильной версии. вот так выглядит в браузере Не понимаю, что случилось. Может кто-нибудь ...
Анастасия's user avatar
0 голосов
0 ответов
105 показов

Кроссбраузерность HTML

Делаю сайт, у меня в браузере было все ок, но когда я решил добавить блок с 4 картинками (код приложил) в Яндекс Браузере и IE они отображаются некорректно, что делать? #main-blocks { padding-top:...
Павел Румянцев's user avatar
0 голосов
0 ответов
61 показ

Поддержка браузеров (движки) javascript

На занятиях по JS поручили следующее задание: найти информацию о том, как делается и запилить во внешний скрипт-файл, цитирую: "поддержку браузеров (движков)"*. Наверное, я как-то неправильно ...
Алиса Гулий's user avatar
2 голоса
0 ответов
28 показов

Работа JS на ХР в хроме

возникла проблема. Проверял на всех браузерах работу css и js, все работает,без глюков, все картинки подгружаются, в Сафари есть кое-какие глюки,но это мелочи. Самый ужас появился после открытия в ...
Litrein's user avatar
  • 309
1 голос
1 ответ
64 показа

Кроссбраузерность

Решил окунуться в мир ВЕБа и возник вопрос. Я понял что разные браузеры могут по разному отображать инфу и зачастую некоторые браузеры не поддерживают некоторые теги, которые ну очень хотелось бы ...
Semerkin's user avatar
  • 1,159
1 голос
1 ответ
85 показов

Обводка внутри кнопки по границам padding в Мозиле. Как убрать?

В мозиле увидел такую штуку! Точечная обводка внутри кнопки по границам padding-а. При этом ountline: none. Что это может быть и как от этого избавится?
Igor's user avatar
  • 1,211
0 голосов
0 ответов
23 показа

Сделать кроссбраузерность. offsetLeft

Есть вот такой код. Я пробегаюсь по списку карточек, и записываю их offsetLeft. let indents = []; for (let i = 0; i < cards.length; ++i) { indents.push(-cards[i].offsetLeft) } console.log(...
Igor's user avatar
  • 1,211
0 голосов
0 ответов
341 показ

IE и Microsoft Edge не читают скрипты

Добрый день! Есть следующий скрипт: var elseCheckbox = document.getElementById('else-checkbox'); var burgerCheckbox = document.getElementById('burger'); var uhChbox = ...
EasyTactic's user avatar
2 голоса
1 ответ
30 показов

Как изменить цвет рамок таблицы в IE?

Как изменить цвет рамок таблицы в IE? В Хроме, Мозиле и т.д. рамки указанного цвета, но в IE цвет рамок - черный. <table width="100%" bordercolor="#E7E7E7" border="2" align="center"> <...
EasyTactic's user avatar