Кросс-браузерный HTML и CSS - Internet Explorer и Chrome

Question

Кросс-браузерный HTML и CSS - Internet Explorer и Chrome

0

У меня есть код html + css, который работает и выглядит хорошо на проводнике 10.

Когда я открываю страницу в хром, единственным отличием является разрешение. Вещи (например, заголовки для примера), которые принимают 100% экрана в проводнике, занимают примерно 75% -80% в хроме.

Это приводит к появлению белых пробелов на оставшихся 20% -25%.

есть ли какое-либо решение, которое не требует больших модификаций кода?

Благодарю.

* любой код будет демонтировать проблему, например:

<!DOCTYPE html>
<html>
<body>


<div >
This takes all the screen in explorer 10 but not in chrome.................................................................................................................................................................................................................................................................................
</div>


</body>
</html>

mosh 31 дек. 2013, в 12:18

Источник

0

Есть много вещей, которые могут повлиять на то, что вы видите. Это может быть даже определение «увеличения» браузера. Вы должны предоставить пример кода, чтобы мы могли обнаружить проблему.
Itay Gal 31 дек. 2013, в 10:42
0

любой код должен быть выполнен, скажем так: <! DOCTYPE html> <html> <body> <div> Это займет весь экран в проводнике 10, но не в Chrome .............. .................................................. .................................................. .................................................. .................................................. .................................................. ......... </ div> </ body> </ html>
mosh 31 дек. 2013, в 11:08

Теги:

html

css

cross-browser

2 ответа

Ещё вопросы

Есть много вещей, которые могут повлиять на то, что вы видите. Это может быть даже определение «увеличения» браузера. Вы должны предоставить пример кода, чтобы мы могли обнаружить проблему.
любой код должен быть выполнен, скажем так: <! DOCTYPE html> <html> <body> <div> Это займет весь экран в проводнике 10, но не в Chrome .............. .................................................. .................................................. .................................................. .................................................. .................................................. ......... </ div> </ body> </ html>

Afzaal Ahmad Zeeshan · Answer 1 · 2014-01-26T19-13-00.000Z

Эта проблема заключается в том, что вы не предоставляете какой-либо код CSS в файл!

Когда обрабатывать нечего, браузер добавляет свой собственный стиль. Они известны как "Таблица стилей пользователя-агента". У которых есть свои собственные методы моделирования.

Чтобы свести к минимуму это, вы можете добавить несколько кодов, таких как:

body {
  margin: 0;
  padding: 0;
}

Таким образом, вы можете минимизировать переопределение браузера для управления и изменения автоматической маржи и автоматических методов заполнения.

В Google Chrome, если вы просто создаете простой файл, как тот, который у вас есть. И запустите его после сохранения, вы обнаружите, что браузер автоматически добавляет

margin: 8px;

И некоторые из других стилей в документе сами! Это из-за листа CSS браузера.

Lochlan · Answer 2 · 2013-12-31T09-20-00.000Z

Используйте "сброс" файла CSS. Вот некоторые из наиболее популярных: http://www.cssreset.com/

Проблема здесь в том, что "таблица стилей пользовательского агента" отличается между браузерами, поэтому таблица стилей сброса будет налагать конкретные стили, что делает все браузеры примерно одинаковыми.