元标签无助于Android上的响应性设计

我做响应式设计已经有一段时间了，但我仍然不明白为什么我的网站在Android设备上有时会一团糟。下面是Android（左手机）和iPhone（右手机）的比较：。许多媒体查询根本不起作用-除了显示的菜单问题外，底部的联系人表单（未显示）比它应该的宽，导致页面的其余部分变小，无法覆盖整个屏幕。还有一些人也在工作

我已经阅读了很多关于这个话题的答案

我在移动设备上使用了以下元标记（我在研究解决此问题时在网上发现）：

我还使用了两个我用window resize创建的jQuery函数，如下所示：

$(window).resize(function(){ 
    var nav = $( "nav ul" ); 
    var w = $(window).width();  
    if(w > 700 && nav.is(':hidden')) {  
        nav.show(); 
    }  else if (w < 700) {
        $(".logo img").css("visibility", "hidden");
        $('nav').css("position", "fixed");
        $("#totop").css("display", "none");
    }
}); 

$（窗口）。调整大小（函数（）{
var nav=$（“nav ul”）；
var w=$（window.width（）；
如果（w>700&&nav.is（':hidden'））{
nav.show（）；
}否则，如果（w<700）{
$（“.logo img”）.css（“可见性”、“隐藏”）；
$（'nav'）.css（“位置”，“固定”）；
$（“#totop”）.css（“显示”、“无”）；
}
}); 

除此之外，据我所知，我所有的@media查询都是相当标准的。网站是kstardesigns.com

---

谢谢

尝试在css文件中使用更大的相对宽度，或根据媒体查询屏幕加载不同的css文件。 使用javascript，例如：

if (window.matchMedia("(orientation: portrait)").matches)

例如，找出您是否在打电话，然后使用jquery进行一些编辑

---

但我认为最好的方法是尽可能地使用css，避免这样的解决方法。

尝试在css文件中使用更多的相对宽度，或者根据媒体查询的屏幕加载不同的css文件。 使用javascript，例如：

if (window.matchMedia("(orientation: portrait)").matches)

例如，找出您是否在打电话，然后使用jquery进行一些编辑

---

但我认为最好的办法是尽可能使用css，避免这种变通方法。

不确定这会有什么不同。.我为您制作了一个试用页，谢谢您的努力，但您的页面也有同样的问题-断点不是问题，这一定是jquery函数在Android上不能正常工作不确定这会有什么不同。我为您制作了一个试用页，谢谢您的努力，但您的页面也有同样的问题-断点不是问题，一定是jquery函数在Android上不能正常工作