1

Sinatra フレームワークを使用して作業しているサイトがあり、Heroku にアップロードしました。Firefox ではページとそのすべてのコンテンツを表示できますが、Chrome ではすべてのテキスト、境界線などの色が白です。なぜこれを行うのですか?どうすれば修正できますか? また、HTML フレームワークには Zurb Foundation を使用し、バックエンドには Sinatra を使用していることに注意してください。

以下は私のCSSページです。

/* LAYOUT */
/*========*/
.the-page {
  -webkit-box-shadow: 4px 2px   rgba(0,0,0,.1),  -4px 0 2px  rgba(0,0,0,.1);
  -moz-box-shadow: 4px 0 2px  rgba(0,0,0,.1),  -4px 0 2px  rgba(0,0,0,.1);
  box-shadow: 4px 0 2px  rgba(0,0,0,.1),  -4px 0 2px  rgba(0,0,0,.1);
}

/* MISC */
/*======*/

.center {text-align: center;}

.brown {color: #653000;}

.green {color: #003218;}

a{color: #653000;}

a:hover {color: #003218;}

.size20 { font-size: 20px;}


/* Prevent MOZ border outline */
:focus {outline:none;}
::-moz-focus-inner {border:0;}

/* FOOTER */
/* ====== */


html, body {
  height: 100%;
  color: #653000;
}
.body-wrapper {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -65px;
}
.footer, .push {
  height: 65px;
}

.footer {
  color: black;

}
4

1 に答える 1

2

ここでは Chrome 24 でテストし、開発者ツールで適用される CSS ルールを確認しました。rowクラスをタグから外すことで、<html>あなたのウェブサイトを Chrome で見ることができました。

次のルールは、少なくともいくつかの問題の原因のようです。

.row:before,.row:after{content:" ";display:table}

Chrome は、タグにdisplay:table適用されるルールをまったく好みません。<html>

于 2013-01-28T18:34:33.533 に答える