為什么我的網站在移動設備上具有這種行為？

Question

因此，我剛剛為我的媽媽建立了一個網站，並將在她的生日時向她介紹這個網站。 這是一個包含四首詩，簡單布局，純HTML和CSS的網站。

在桌面上看起來不錯，但我希望她隨時可以通過她的手機訪問該網站，因此我盡力使其響應。

現在，當我在筆記本電腦上打開該站點並調整窗口大小以模擬移動屏幕時，布局會增大，這正是我想要的。

但是，當我在iPhone上訪問該網站時，一切都變得如此之小，我不得不捏和放大。

為什么會這樣呢？ 這和我的CSS有關嗎？

您可以在此處訪問該站點： http : //www.devericx.com

Answer 1

似乎您需要使用視口元標記。 將此標簽添加到標題下

<meta name="viewport" content="width=device-width, initial-scale=1">

您可以在此處找到有關它的更多信息。