强制Firefox扩展符合设备大小的内容

Question

如何强制Firefox（或任何其他浏览器）缩放文本和图像以适应显示器的分辨率？

<meta name="viewport" content="initial-scale=1; target-density=device-dpi; user-scalable=no; shrink-to-fit=yes">

遗憾的是，什么都不做。

<!DOCTYPE html>
<html style="height: 100%; width: 95%">
<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1; target-density=device-dpi; user-scalable=no; shrink-to-fit=yes">
<link href="bootstrap.css" rel="stylesheet">
</head>
<body style="height: 100%; width: 95%; padding: 0.313em; word-wrap: break-word">

<div class="container">
<div class="row">
<div class="col-xs-7 col-md-5" style="height: 40em; min-width: 25em; border-top: solid; border-bottom: solid; border-color: black; margin:1.250em">
<h3 align="center"> Statistics </h3>

<table class="table" style="width:100%">
<thead style="text-align: left">

<tr>
<td style="border:none"><td>
</tr>
<!-- Repeat a dozen times -->

</thead>
</table>
<div>

<div class="col-xs-7 col-md-5" style="height: 40em; border-top: solid; border-bottom: solid; border-color: black; margin:1.250em">
<img src="diagramm.png"></img>
</div>
</div>
</div>
</body>
</html>

Answer 1

另一答案