0

サイドバーの上部に一連のソーシャル メディア アイコンがあります: outtacontext。しかし、異なるビューポート サイズで適切な場所に配置するのに問題があります。実際には、すべての小さなビューポートで機能していますが、大きな画面では位置がずれています。

このポジショニングのための私のメインCSSは次のとおりです。

#top #sidebar_bg .social_bookmarks {
position: absolute;
right: 69px;
z-index: 152;
margin-top: 102px;
}

@media only screen and (max-width: 989px) and (min-width: 768px){

#top #sidebar_bg .social_bookmarks {
right: 33px;
margin-top: 65px;
}
}

何らかの理由で、画面が大きくなると、アイコンがサイドバーの中央に表示されます。しかし、調整するために作成するメディアクエリは、問題を追加し始めるだけです。

誰かが私を正しい方向に向けることができますか? どうも。

4

2 に答える 2

0

問題を解決しました。最大のビューポート サイズと思われるメディア クエリを作成してみました。結局のところ、私はそれを間違った幅で書きました (「かろうじて」間違っているだけですが、-g の意味はわかります)。ポジショニング用のメディア クエリは、最小幅 1140 ピクセルに設定する必要があります。1122pxに設定しました。とても近い。笑

于 2013-04-07T15:27:36.727 に答える