依瀏覽器寬度動態縮放文字大小
問題：
問題：有技巧嗎用嗎於自動調整文字大小以保持瀏覽器視窗寬度的所需比例，同時相應地縮放垂直文字大小？
答案：
是，具體方法如下：
<code class="javascript">$(document).ready(function() {
var $body = $('body');
var setBodyScale = function() {
var scaleSource = $body.width(),
scaleFactor = 0.35,
maxScale = 600,
minScale = 30;
var fontSize = scaleSource * scaleFactor;
if (fontSize > maxScale) fontSize = maxScale;
if (fontSize < minScale) fontSize = minScale;
$body.css('font-size', fontSize + '%');
}
$(window).resize(function() {
setBodyScale();
});
// Fire it when the page first loads:
setBodyScale();
});</code>要實作動態文字縮放，您可以使用JavaScript 根據視窗寬度操縱正文字體大小。下面的JavaScript 程式碼示範了這個方法：
以上是如何根據瀏覽器寬度動態縮放文字大小？的詳細內容。更多資訊請關注PHP中文網其他相關文章！
