-1

私は Susy を使い始めたばかりで、いくつかの問題に直面しています。数時間のグーグル検索を行っても、適切な答えが見つからないようです。

私の知る限り、Susy は ems を使用して列を構成しています。テキストのサイズを変更したいときに問題が発生します。

具体的に言えば、レイアウトで rems を使用しており、次のように設定する必要があります。

html {
    font-size: 125%; // for 20px base font size
}

小さいビューポートで、本文テキストのサイズを 16px に変更したいと考えています。

html {
    font-size: 100%; // resizes to 16px
}

問題は、なぜこのようにするのか、グリッドに挿入された値が変化し、すべてが狭くなることです。

上下のパディングに rems を使用しており、左右のパディングに susy を使用することを想定しています。これは、フォント サイズを変更すると、グリッドが突然非常に狭くなるため、ページ全体が混乱することを意味します。

この問題を解決する方法があると信じていますが、ここで何のアイデアもなく完全に立ち往生しているようです. それとも、間違った方法でレスポンシブ デザインに取り組んでいるのでしょうか?

ヘルプは非常に高く評価されています! ありがとう！

4

1 に答える 1

0

You can either stop your container element from resizing, or you can just use more columns in the mobile view.

Susy will build grids using any unit you want. You have complete control of the settings. In fact, the actual grids themselves are usually built with % units internally — only the container has other units applied to it. If you override the container size, either manually or using the $container-width setting, the columns will adjust to fill the container. For small screens you could set the container width to be 100%, and then use the default susy width on larger screens.

于 2013-05-24T18:49:32.513 に答える