流体网站网站设计不响应手机

时间:2014-12-16 15:53:24

标签: html css html5 responsive-design tumblr

我目前正在调整Syndex tumblr主题,这是我得到的 - http://mbielskyte.tumblr.com。如果你要调整浏览器窗口的大小,你会发现一切都或多或少都是流动的(我对大多数情况都使用过vw' s)。但如果我在手机上打开这个博客,我会看到桌面版 - http://cl.ly/image/1k3v1M072U0q

容器是用%:

制作的
  保证金:0自动;宽度:90%;

对于我使用max-width:的图像,而不仅仅是宽度。

有没有简单的解决方案?

1 个答案:

答案 0 :(得分:2)

Tumblr使用他们自己的网站或主题的移动版本。
看看here 您可以覆盖此行为。

正如评论中所提到的,这是问题的解决方案:

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