我遇到了一个相当有趣的问题,我完全困惑了。我以前从未遇到过这种情况。
My Goal
在我的网站上制作表单移动响应
Problem
我所写的新风格中,没有一款适用于手机。无。当我在inspector工具的移动响应视图中调整浏览器大小时,会应用我的媒体查询,但在我查看的任何移动电话上都不会应用。
Things I\'ve tried
<我用过SauceLabs。com尝试调试此功能,但同样的事情正在发生。未应用我的媒体查询样式。
我已刷新手机中的缓存,关闭浏览器,关闭手机并重新启动。
我还尝试在整个页面上应用一个简单的“边框:3px实心红色”(在媒体查询之外)。边框显示在我的笔记本电脑和pc浏览器上(对于chrome、firefox、explorer),但在我的android手机和android平板电脑上都没有显示。
我的网站正在Pressable上托管。com。我正在“开发模式”中编写代码,我已经尝试过多次清除缓存。还是没什么。
我尝试了不同的@媒体查询:
仅介质屏幕和(最大宽度:600px)介质屏幕和(最大宽度:600px)介质屏幕和(最大宽度:600px)介质(最大宽度:600px)介质屏幕和(最小宽度:600px)介质屏幕等
(我知道最小值和最大值之间的区别;我只是尝试了各种方法,看看是否可以得到要渲染的内容)meta name="viewport" content="width=device-width, initial-scale=1"
Question
你知道是什么导致了这一切吗?谢谢你的阅读。
UPDATE
Zfors帮助我解决了这个问题,因为它似乎是一个移动缓存问题。在我的函数中更新我的样式版本。php文件修复了我的样式在移动设备上无法呈现的问题。然而,我忘记问社区的一个问题是,为什么我首先要更改版本号?在以前的wordpress项目中,我根本不需要这样做。
对于那些在这个问题上挣扎的人,Steve Stern 有一个很好的解决方案,但filemtime()并没有那么好地工作,所以我改用time()。