0

いくつかの問題があります。メディアクエリを使用して、モバイル/タブレットとデスクトップの位置とフォントサイズを変更します。問題は、ウィンドウサイズを変更すると、フォントサイズといくつかのソーシャルアイコンがずれてしまうことです.

したがって、モバイル 320、タブレット 768、デスクトップ 960-1280+ は、私が設計したサイズです。

@media only screen and (max-width: 320px) {
    .footer-top ul.links li {
        font-size: 0.60em; 
        }
        ul.home-social {
        width:73%;
        margin-left:auto;
    margin-right:auto;
    }
    }

これはフォントの変更とソーシャル アイコンの位置の例ですが、ユーザーがウィンドウのサイズを変更すると、アイコンがずれてしまいます。何か案は ？うまく流れてほしいだけですか、それとも意味がありませんか？

4

1 に答える 1

0

まず、1 つだけ言いたいのは、携帯電話やタブレットなどのサイズはすべて非常に相対的だということです。320 用と 768 用に何かをデザインしたかもしれませんが、さまざまな携帯電話とさまざまなタブレットのさまざまなサイズにより、それぞれにピクセル パーフェクトなデザインを作成することは不可能になります。

ユーザーがウィンドウのサイズを変更することによって影響を受ける要素とフォントサイズの位置とそれが正しくない限り、現在のサイズに関係なく適切に機能するように配置する方法を見つける必要がありますで閲覧。アイコンの横にテキストを配置して、多くの画面サイズに基づいて配置とフォント サイズの両方を機能させようとするのではなく、アイコンとテキストが 2 つの異なる水平線上にあるように分割してみてください。

于 2013-11-26T15:54:09.757 に答える