-2

こんにちは、私はウェブサイトを作成しています。ユーザーが小さいモニターを使用している場合や分割画面を使用している場合に、ページ上のテキストを拡大縮小できることが非常に重要だと感じています。

次の HTML コーディングがありますが、効果的にスケーリングできると信じていましたが、何も起こりませんか?

HTML:

        <p id="text">
            View <a id="advertlinks" href="Prices.html">Prices</a> </br>Or <br><a id="advertlinks" href="Contact_Us.html">Book</a> A Lesson
        </p>

CSS

#text
{
z-index:100;
position:absolute;    
margin-top:-22%;
margin-left: 70%;
padding: 2%;
width: 22%;
height: 25%;
background-color: #f6da30;
opacity:0.6;
font-family: Impact, Charcoal, San-Serif;
font-size: 170%;
text-align: center;
-moz-border-radius: 30px;
border-radius: 30px;
}
4

2 に答える 2

0

テキストを画面幅に合わせてスケーリングする場合は、 FlowTypeやFitTextなどのレスポンシブ テキスト jQuery プラグインが最適です。軽量なものが必要な場合は、私の Scalable Text jQuery プラグインを使用できます。

http://thdoan.github.io/scalable-text/

使用例:

<script>
$(document).ready(function() {
  $('#text').scaleText();
}
</script>
于 2014-03-06T04:12:11.363 に答える