为什么我的网站在移动设备上采用这种方式?

时间:2015-08-07 00:28:52

标签: html css mobile layout

所以我刚刚为我的妈妈建了一个网站,我将在她生日那天送给她。它是一个有四首诗,简单的布局,简单的HTML和CSS的网站。

它在桌面上看起来相当不错,但是我希望她随时随地都可以通过手机访问该网站,所以我尽力使其响应。

现在,当我在笔记本电脑上打开此站点并调整窗口大小以模拟移动屏幕时,布局会增加,这是我想要的。

但是,当我在iPhone上访问该网站时,所有内容都很小,我必须捏合并放大。

为什么它会这样?这与我的CSS有关吗?

您可以在此处访问该网站:http://www.devericx.com

1 个答案:

答案 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.