回答編集履歴
1
ネタを追記
answer
CHANGED
|
@@ -5,4 +5,20 @@
|
|
|
5
5
|
```js
|
|
6
6
|
let target = document.querySelector('.box1');
|
|
7
7
|
target.style.fontSize = getComputedStyle(target).height;
|
|
8
|
-
```
|
|
8
|
+
```
|
|
9
|
+
|
|
10
|
+
---
|
|
11
|
+
|
|
12
|
+
JavaScript ではなくて、置換要素を使う方法でやってみました。
|
|
13
|
+
|
|
14
|
+
[サンプル](https://jsfiddle.net/Lhankor_Mhy/0xp5mq7c/)
|
|
15
|
+
|
|
16
|
+
```html
|
|
17
|
+
<object type="text/html" class="box1"
|
|
18
|
+
data="data:text/html,<html><style>*{margin:0}body{font-size:100vh;line-height:1;overflow:hidden}</style><body>A</body></html>"
|
|
19
|
+
>
|
|
20
|
+
</object>
|
|
21
|
+
```
|
|
22
|
+
|
|
23
|
+
え？ もっとトリッキーだからダメ？
|
|
24
|
+
ﾃﾞｽﾖﾈｰ
|