0

私は問題を抱えていて、それを回避できないようです。

基本的に、解像度の変更/ズームイン/アウトでメニューとテキストのサイズを変更したい。画像は正常に機能し、コンテンツ div は正常に機能しますが、メニューだけでは適応できないようです。

これで私を助けてください..

通常表示: http://s17.postimg.org/ngj8k0skv/norm.jpg

拡大表示:

http://s17.postimg.org/p729lia3z/notnorm.jpg

メニューは次のようになります。

<a href="nissan-s13-project.html" title="The Project">The Project<span class="desc">Full description</span></a>

このためのCSSは

a .desc {
    display: none;
    text-transform: lowercase;
    font-size: 1em%;
    color: #FC0;
    max-width: 100%;
    z-index: 1;
}

a:hover .desc, .active .desc {
    display: block;
    font-size: 1em;
    max-width: 100%;
    z-index: 1;
}

私は本当に他に何をすべきかわかりません..

ああ、テキストは次のようになります。

#content p {
    margin: 1.2em 1.2em 2em 1.2em;
    font-size: 0.8em;
    line-height: 1.8em;
    max-width: 100%;
}
4

1 に答える 1

0

ズーム時にテキストのサイズを変更しないようにする必要があります。しかし、それを実現するのは難しく、ユーザーフレンドリーではありません (誰かがページのサイズを変更したいのは、より大きなテキストが必要なためである可能性があります)。理由はこちら: Web サイトでユーザーがフォントのサイズを変更できないようにするには?

于 2013-10-01T23:05:16.520 に答える