1

こんにちは、テキストを取得したばかりで、ブラウザでズームアウトしてズームインすると、一部の解像度で同じ場所にとどまらないのはなぜだろうと思っていました。主にFirefoxで発生しています。

        <div class = "hello">
            <p>Hello This is just an example of what should go in here. When   youi move down to the bottom you will see what you need 2 enter. .</p>
        </div>

以下は、それを制御するために使用したCSSです。

.hello
{
position:absolute;
top: 210px;
width:37em;
text-wrap:none;
text-align: left;
font-size: 16px;
}
4

2 に答える 2

0

問題はあなたの絶対的なトップポジショニングにあります。このCSSを使用する場合：

    <style>
        .hello {position: absolute; width: auto;}
        .hello p {word-wrap:none; font-size:16px;}
    </style>

行間隔とフォントサイズが大きくなるだけで、DIVが同じ場所にとどまることがわかります。DIVをまったく同じ位置に維持したい場合は、使用する必要がありますposition: fixed;

またtext-wrap:none;、使用する必要のある有効なCSSパラメータではありませんword-wrap:none;。

于 2012-12-10T12:30:29.407 に答える
0

ズームインまたはズームアウトすると (Ctrl + または Ctrl -)、ページ上のすべてのサイズが変更されます。font-sizeそのため、が大きくなるだけでなく、top距離も大きくなります。

ユーザーがブラウザの設定でデフォルトのフォント サイズを変更すると、目的の動作を実現できます。

Ctrl + および Ctrl - でこの動作を取得する唯一の方法は、JavaScript でブラウザのズームをキャッチし、top距離を適切に変更することです。ただし、これは良い考えではないと思います。Ctrl + と Ctrl - は、視覚的な問題を抱えている人にとって特に便利であり、すべてのブラウザーで標準的な動作であるためです。

于 2012-12-08T23:35:12.013 に答える