Не удается удалить обивку с тела (IOS) - Кордова

Question

Я не могу избавиться от отступов для моего body элемента.Я попытался установить padding: 0px 0px 0px 0px на элементе body, но он ничего не делает.Я также попытался установить padding-top и padding-left на 0, но ничего не получилось.

Я убедился, что #container внутри body не имеет поля, я попытался установитьс margin: 0 и margin-left margin-right, установленными на 0.

Область blue равна body,белая область - #container.Я пытаюсь растянуть контейнер, чтобы покрыть все тело (избавиться от синевы).

релевантный css :

html {
    padding: 0;
}

body {
    display: flex;
    flex: 1 0 100%;
    background-color: blue;
    padding: 0;
}

js, который создаетконтейнер :

var container = document.createElement("div");
container.style.flex = "1 0 100%";
container.style.backgroundColor = "white";
container.style.display = "flex";
container.style.flexDirection = "column";
container.id = "container";

Answer 1

Используйте! Важный в конце каждого свойства.Он вынужден игнорировать CSS по умолчанию в браузере и применять ваш CSS.

html 
{
padding: 0 !important;
}

Некоторые разработчики также используют это для сброса CSS в браузере.

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

Но мое предложение - Первое использование!важный параметр, а затем сбросьте все браузеры CSS, потому что, это также мешает вашему другому содержанию веб-страницы.

Answer 2

У меня есть контейнер с именем .app прямо внутри элемента body, и я установил для его css значение:

.app {
    display: flex;
    flex: 1 0 100%;
    background-color: black;
    margin: -8px -8px 0px -8px;
}

Ключевая часть:

margin: -8px -8px 0px -8px;

Примечание : я думал, что margin был 10px, когда я смотрел на него, но на самом деле это 8px.