CSS Reset pour Chrome

Salut je me rends compte que j'aurais dû le faire est de commencer avec un CSS reset mais j'ai développé mon site web dans google Chrome, avec ses valeurs par défaut, puis a commencé à essayer de faire de la croix-navigateur compatible une fois que j'ai terminé. Si j'ajoute tout de la commune réinitialise CSS je lâche les marges, le texte devient plus petit et en ligne de balises Span avec des milieux même se chevauchent les uns les autres, tout ce qui est foiré.

Donc je suppose que ce que je suis à la recherche d'un CSS reset, mis à google Chrome, qui fera que tous les autres navigateurs ressemble à ma page dans le navigateur Chrome. Est-il quelque chose comme cela, ou un moyen de le faire?

  • Bienvenue sur le développement web 🙂
  • Tous les autres navigateurs modernes déjà ressembler à Chrome. Pour IE, vous devez vous assurer que vous avez la bon les en-têtes. Ne pas utiliser de CSS reset.
InformationsquelleAutor | 2012-10-17
  1. 1

    Selon ce post:

    Navigateurs CSS par défaut pour les éléments HTML

    http://trac.webkit.org/browser/trunk/Source/WebCore/css/html.css est le CSS utilisé par google Chrome. Je n'ai pas testé si donc l'essayer et voir si cela fonctionne.

    InformationsquelleAutor Levi Botelho
  2. 1

    Trouvé une solution à ma propre question, pour une fois. J'ai juste essayé de normaliser.css de http://necolas.github.com/normalize.css/ et qu'il conserve l'utile styles modernes et les correctifs insentiences avec d'autres navigateurs (ie. IE). Regarde sur le même sur Chrome et IE lors de l'utilisation de "IE9 document de normes".

    InformationsquelleAutor
  3. 0

    Il n'y a pas de css reset pour un navigateur spécial. Et c'est exactement la chose, vous souhaitez réinitialiser le fichier css pour chaque navigateur de la même position de départ.

    Le problème que vous rencontrez est, que vous n'avez pas mis en œuvre le réinitialiser tout de suite. Vous n'avez pas d'autre choix, puis faire la somme supplémentaire de travail pour intégrer les reset et d'apprendre pour votre prochain projet, que vous commencez avec le réinitialiser et de construire votre css sur cette base.

    InformationsquelleAutor Sven Bieder
  4. 0

    J'ai toujours utiliser Eric Meyers css reset extrait. En fait, j'aime plus que celui qui est fourni en 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
  5. 0

    Récemment, Firefox 27 a ajouté une nouvelle Propriété CSS3 et défaut de mots-clés.

    Vous pouvez maintenant, dans Firefox 27+ réinitialiser l'ensemble de la page avec:

    * { all: unset !important; }

    C'est un marteau approche. Vous pouvez être beaucoup plus raffiné ainsi.

    blockquote, option { margin:unset; }
a { text-decoration: initial; }

    etc.

    InformationsquelleAutor geedew
  6. -1

    Vous pouvez prendre un coup d'oeil à http://html5boilerplate.com/, il a la structure et le CSS pour la plupart des navigateurs modernes.

    Acclamations

    Iain

    InformationsquelleAutor Iain