回答編集履歴
2
参考リンク追記
test
CHANGED
@@ -18,3 +18,10 @@
|
|
18
18
|
|
19
19
|
つまり、PCブラウザのズームでは、ビューポートに合わせたレイアウトの場合、**レイアウトそのものを拡大するのが難しい**です。
|
20
20
|
|
21
|
+
---
|
22
|
+
|
23
|
+
参考
|
24
|
+
[CSSのcanvasとviewportとposition:fixedとpinch zoom - saneyuki_s log](https://saneyukis.hatenablog.com/entry/2015/01/09/045554)
|
25
|
+
[Layout viewport - MDN Web Docs Glossary: Definitions of Web-related terms | MDN](https://developer.mozilla.org/en-US/docs/Glossary/Layout_viewport)
|
26
|
+
[Visual Viewport API - Web APIs | MDN](https://developer.mozilla.org/en-US/docs/Web/API/Visual_Viewport_API)
|
27
|
+
|
1
誤字訂正
test
CHANGED
@@ -13,7 +13,7 @@
|
|
13
13
|
これはどういうことかというと、「ピンチズーム」とPCブラウザのズームの違いによります。
|
14
14
|
|
15
15
|
モバイルブラウザの「ピンチズーム」は等倍表示されたレイアウトの一部を覗くようにズームするため、vw =「レイアウトに用いるビューポート」は「表示されているビューポート」と必ずしも一致しないです。
|
16
|
-
一方で、PCブラウザのズームは表示部分に全てを納めようとし、見えている部分=ビューポートにしようとするので、「レイアウトに用いるビューポート」と「表示されているビューポート」
|
16
|
+
一方で、PCブラウザのズームは表示部分に全てを納めようとし、見えている部分=ビューポートにしようとするので、「レイアウトに用いるビューポート」と「表示されているビューポート」が一致します。
|
17
17
|
別の言葉を使えば、PCブラウザのズームは「レイアウトに用いるビューポート」を小さくしたものを引き延ばしているとも言えます。
|
18
18
|
|
19
19
|
つまり、PCブラウザのズームでは、ビューポートに合わせたレイアウトの場合、**レイアウトそのものを拡大するのが難しい**です。
|