响应式网站无法在iPad上运行 [英] Responsive Site Not Working on iPad

问题描述

我正在创建自己的框架，并且一直在寻找其他样板，以了解它是如何完成的.

I'm in the process of creating my own framework and have been looking at other boilerplates to see how it is done.

我目前正在查看这裸露的样式表，想知道为什么调整浏览器大小时，它似乎反应灵敏，但是当我在iPhone或iPad上打开浏览器时，它将显示该网站的全屏版本.

I'm currently looking at this bare bones stylesheet and was wondering why it seems to act responsive when you resize the browser, but when I open it on my iPhone or iPad it displays the full screen version of the site.

很抱歉，如果这不是菜鸟问题，我仍在努力围绕媒体查询(不要双关语).

Sorry if this is noob question, I'm still trying to wrap my head around media queries (no pun intended).

谢谢.

更新:愚蠢的我，我忘了添加meta标签来告诉iPad之类的设备将设备宽度设置为其视口的大小.

UPDATE: Silly me, I forgot to add the meta tag to tell devices like the iPad to set the device width to the size of its viewport.

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

推荐答案

更新:愚蠢的我，我忘记添加meta标签来告诉iPad之类的设备将设备宽度设置为大小视口.

UPDATE: Silly me, I forgot to add the meta tag to tell devices like the iPad to set the device width to the size of its viewport.

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

这篇关于响应式网站无法在iPad上运行的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！