CSS-Reset für Chrome

Hi ich begreife, was ich getan haben sollte, ist starten Sie mit einem CSS-reset, aber ich entwickelte meine website in Chrome mit Standardeinstellungen und dann den Versuch gestartet um es cross-browser-kompatibel, sobald ich Sie fertig. Wenn ich alle gängigen CSS-resets, die ich lose, Ränder, text kleiner wird und in-line-Span-tags mit Hintergründen auch überlappen, alles ist Durcheinander.

So Schätze ich, was ich Suche, ist ein CSS-reset, set-Chrome, die anderen Browser schauen, wie meine Seite funktioniert in Chrome. Gibt es etwas wie dieses, oder ein Weg, es zu tun?

Willkommen zu web-Entwicklung 🙂
Alle anderen modernen Browser schon Aussehen wie Chrome. Für den IE müssen Sie sicherstellen, dass Sie die gute Header. Nicht mit einem CSS-reset.

InformationsquelleAutor | 2012-10-17

1

Laut diesem post:

Browser Standard-CSS für HTML-Elemente

http://trac.webkit.org/browser/trunk/Source/WebCore/css/html.css ist die CSS von Chrome verwendet. Ich habe es noch nicht getestet, obwohl, so versuchen Sie es aus und sehen, ob es funktioniert.

InformationsquelleAutor Levi Botelho
1

Eine Lösung gefunden, um meine eigene Frage einmal. Ich habe gerade versucht zu normalisieren.css von http://necolas.github.com/normalize.css/ und es hält die nützliche moderne Stile und behebt insentiences mit anderen Browsern (ie. IE). Sieht ungefähr die gleiche auf beiden Chrome und IE, wenn Sie mit "IE9-Dokument-standards".

InformationsquelleAutor
0

Es ist kein css-reset für einen speziellen browser. Und das ist genau die Sache, die Sie zurücksetzen möchten die css in jedem browser die gleiche Ausgangsposition.

Das problem, das Sie Gesicht ist, dass Sie noch nicht umgesetzt der reset sofort. Haben Sie keine andere Wahl, dann tun Sie das zusätzliche Menge Arbeit in die Integration der reset jetzt und lernen Sie für Ihr Nächstes Projekt, dass Sie starten mit der reset-und bauen Sie Ihre css die Grundlage.

InformationsquelleAutor Sven Bieder

Habe ich immer Eric Meyers css-reset snippet. Eigentlich mag ich es mehr, als den im html5 boilerplate.

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

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;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

InformationsquelleAutor JimmyRare

0

Kürzlich, Firefox 27 hat eine neue CSS3-Eigenschaft und säumige keywords.

Können Sie jetzt, in Firefox 27+ reset wird die gesamte Seite mit:
```
* { all: unset !important; }
```
Das ist ein hammer Konzept. Sie werden viel mehr verfeinert, wie gut.
```
blockquote, option { margin:unset; }
a { text-decoration: initial; }
```
etc.

InformationsquelleAutor geedew
-1

Möchten Sie vielleicht werfen Sie einen Blick auf http://html5boilerplate.com/, es hat die Struktur und CSS für die meisten modernen Browsern.

Cheers

Iain

InformationsquelleAutor Iain

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.