0

サイトをホスティングにアップロードしたところ、デスクトップから表示したときとは異なる問題が発生しています。

右にフロートする必要がある「サイドバー」クラスは、ページの下部に自分自身を送信しているようです。

ブラウザのサイズを変更してサイトをテストし、メディアクエリが機能していることを確認してから、ブラウザを再度最大化すると、「about」セクションが元の位置に配置されます。

この問題はでのみ発生するようChromeです。（IEとFFでテストしたことがあり、どちらも問題ないようです）

http://barbsbristol.co.uk/

サイトとスタイルシートは

http://barbsbristol.co.uk/style.css

＆cssサイドバークラスのは下にあります

.sidebar 
 {
     float:right; 
     display:inline-block;  
     margin-top:50px;  
     width:150px; 
     height:100px; 
     text-align:center;
  }
4

1 に答える 1

0

Chromeや他のブラウザでも問題なく動作しています.同じブラウザでもバージョンが異なると、いくつかのスタイルが台無しになる可能性があります..私はすでに、同じブラウザの異なるバージョン間でこの種の問題に直面しています..

Inspect Element & check を使用して幅を縮小してみませんか?? それは私にとってはうまくいっているので、他に何も提案できませんでした。

于 2012-10-17T11:20:50.113 に答える