基於瀏覽器寬度的動態文字大小縮放
問題：
問題：在上下文中在專案中，文字大小保持靜態，需要動態調整到瀏覽器視窗寬度的90% 左右，並相應縮放垂直文字大小。
答案：
使用JavaScript 縮放正文字體大小：
<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>實作一個Java視窗的寬度設定正文字體大小。
說明：此腳本根據瀏覽器視窗的寬度調整整個 body 元素的字體大小。可以根據需要自訂縮放係數以及最小和最大字體大小值。
結果：此方法可確保以 em 單位設定的文字元素動態縮減約為瀏覽器寬度的 90%，並相應地調整其垂直尺寸。以上是如何使用 JavaScript 根據瀏覽器寬度動態縮放文字大小？的詳細內容。更多資訊請關注PHP中文網其他相關文章！
