我有一个简单的网页,其中打开的html标签有一个属性font-size:60% !important设置在css文件中。
<html>
<head>
... some js and css ...
</head>
<body>
... header ...
... content ... <-- need to replace that by new content
... footer ...
</body>
</html>
一切都渲染得很好(页眉/内容/页脚)。
我还有另一个文件,我已经将内容放在这个网页上(基于
当使用EM单元指定字体大小时,我很难编写可维护的CSS代码,而不是PX单元。我已经习惯于编写这样的CSS代码:
body {font-size: 12px;}
body .sidebar {font-size:11px;}
body .sidebar .loadmore {font-size:10px;}
body .sidebar .warning {font-size:13px;}
这个想法是,在很多网页上,通过网站,有很多文本,应该有12个像素的字体大小。我利用特定的规则来覆盖站点特殊区域的12 in字体大小。
假设我将上面的代码重写为:
body {font-size: 12em;}
我正在做一个针对老年人的网页。我有两个按钮,允许网页的文本要么变大,要么小。但是,我需要对文本的大小进行限制,这样它就不会破坏网页。
从文本的起点(12 go )开始,它应该能够被放大两次,否则它会离开页面。此外,从起点上看,文本应该能够在上缩小一次。我对Javascript并不熟悉,所以我不确定如何做到这一点。任何帮助都是徒劳无功!
我现在的代码是:
<script>
function resizeText(multiplier) {
if (document.body.style.fontSize == "") {
document.body.sty