所以我刚刚为我妈妈完成了一个网站,我打算在她生日那天送给她。这是一个包含四首诗、简单布局、纯 HTML 和 CSS 的网站。
它在桌面上看起来很不错,但我希望她可以随时通过手机访问该网站,所以我尽力让它响应迅速。
现在,当我在我的笔记本电脑上打开这个网站并调整窗口大小以模拟移动屏幕时,布局会增加,这正是我想要的。
但是,当我在 iPhone 上访问该网站时,一切都太小了,我必须捏合并放大。
为什么会这样?这与我的 CSS 有关吗?
您可以在这里访问网站:http://www.devericx.com
最佳答案
看来您需要使用视口(viewport)元标记。在head下添加这个标签
<meta name="viewport" content="width=device-width, initial-scale=1">
您可以找到更多相关信息here .
关于html - 为什么我的网站在移动设备上会这样?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31867861/