所以我刚刚为我的妈妈建了一个网站,我将在她生日那天送给她。它是一个有四首诗,简单的布局,简单的HTML和CSS的网站。
它在桌面上看起来相当不错,但是我希望她随时随地都可以通过手机访问该网站,所以我尽力使其响应。
现在,当我在笔记本电脑上打开此站点并调整窗口大小以模拟移动屏幕时,布局会增加,这是我想要的。
但是,当我在iPhone上访问该网站时,所有内容都很小,我必须捏合并放大。
为什么它会这样?这与我的CSS有关吗?
您可以在此处访问该网站:http://www.devericx.com
答案 0 :(得分:1)
It seems like you need to use the viewport meta tag. Add this tag under the head
<meta name="viewport" content="width=device-width, initial-scale=1">
You can find more information about it here.