wordpress - 响应式网站适用于桌面，但不适用于移动设备

Question

我正在开发这个响应式 Wordpress 网站:http://www.allisoncassels.com/Test/我的媒体查询有问题。

我为以下断点编写了 CSS:

/* Portrait Tablets */
@media only screen and (min-width: 768px) and (max-width: 959px) 

/*  Portrait Mobiles */
@media only screen and (max-width: 767px) 

/* Landscape Mobiles */
@media only screen and (min-width: 480px) and (max-width: 767px)

在桌面上，一切看起来都很棒。在我的手机和平板电脑上，有些东西是移动的，有些东西仍然像桌面一样显示(我有显示的东西:没有显示，div 宽度关闭等)

我唯一能弄清楚的是它与我的手机/平板电脑是视网膜显示器有关，但我没有看到其他网站必须将其纳入计算...

现在真的很困惑，我会很感激任何帮助。谢谢

Answer 1

把这个放在你的头上!!! :P

在元标记内。

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

干杯，
标记