Html 使用媒体查询和；java脚本

我的网站在我的手机（iPhone6）上出现问题，默认屏幕尺寸变小了。当我用小屏幕在桌面上测试它时，它可以完美地调整，然而，在实际的移动设备上，它的最小化程度比它应该的要高。一段时间以来，我一直在调整媒体查询，试图找到调整问题的文章，但没有找到

我非常确定响应菜单（我没有构建）正在将其丢弃，但当我阅读CSS时，我看不到它会在哪里

菜单CSS：

#cssmenu ul，
#李国章，
#cssmenu span，
#cssmenu{边距：0；
填充：0；
位置：相对位置；
z-索引：50；}
#cssmenu：之后，
#cssmenu ul:在{内容：''之后；
显示：块；
清除：两个；}
#cssmenu a{颜色：#333333；
显示：内联块；
字体系列：“Lucida Grande”、“Lucida Sans Unicode”、Helvetica、Arial、Verdana、Sans serif；
字体大小：12px；
最小宽度：35px；
文本对齐：居中；
文字装饰：无；
文本阴影：0-1px 0#eeeeee；}
#cssmenu ul{列表样式：无；}
#cssmenu>ul>li{float:左；}
#cssmenu>ul>li.active>a{
背景：#d9d9d9url（images/grad_light.png）重复-x左下角；
背景：-莫兹线性梯度（顶部，#d9d9d9 0%，#bf100%）；
背景：-webkit渐变（线性、左上、左下、颜色停止（0%、#d9d9d9）、颜色停止（100%、#bfbf））；
背景：-webkit线性梯度（顶部，#d9d9d9 0%，#bf100%）；
背景：-o-线性梯度（顶部，#d9d9d9 0%，#bfbf 100%）；
背景：-ms线性梯度（顶部，#d9d9d9 0%，#BF 100%）；
背景：线性梯度（至底部，#d9d9d9 0%，#bf100%）；
过滤器：progid:dximagetransform.microsoft.gradient（startColorstr='#d9d9d9'，endColorstr='#bfbff'，GradientType=0）；
盒影：插图0 0 10px#979797，插图0 10px 10px#979797；
-moz盒阴影：插入0 0 10px#9797，插入0 10px 10px#9797；
-webkit盒阴影：插入0 0 10px#9797，插入0 10px 10px#9797；
筛选器：无；}
#cssmenu>ul>li.active a:悬停{
背景：-莫兹线性梯度（顶部，#d9d9d9 0%，#bf100%）；
背景：-webkit渐变（线性、左上、左下、颜色停止（0%、#d9d9d9）、颜色停止（100%、#bfbf））；
背景：-webkit线性梯度（顶部，#d9d9d9 0%，#bf100%）；
背景：-o-线性梯度（顶部，#d9d9d9 0%，#bfbf 100%）；
背景：-ms线性梯度（顶部，#d9d9d9 0%，#BF 100%）；
背景：线性梯度（至底部，#d9d9d9 0%，#bf100%）；
过滤器：progid:dximagetransform.microsoft.gradient（startColorstr='#d9d9d9'，endColorstr='#bfbff'，GradientType=0）；
筛选器：无；}
#cssmenu>ul>LIA{
框阴影：插入0 1px#ffffff；
-moz盒阴影：插入0 1px#ffffff；
-webkit盒阴影：插入0 1px#ffffff；
背景：#bfbfURL（images/grad_light.png）重复-x左上方；
背景：-莫兹线性梯度（顶部，#ffffff 0%，#E5E5 50%，#d7d7d7 51%，#ededed 100%）；
背景：-webkit渐变（线性、左上、左下、颜色停止（0%、#ffffff）、颜色停止（50%、#e5e5）、颜色停止（51%、#d7d7d7）、颜色停止（100%、#eded））；
背景：-webkit线性梯度（顶部，#ffffff 0%，#E5E5 50%，#d7d7d7 51%，#ededed 100%）；
背景：-o型线性梯度（顶部、ffffff 0%、E5E5 50%、d7d7d7 51%、ededed 100%）；
背景：-ms线性梯度（顶部，#ffffff 0%，#E5E5 50%，#d7d7d7 51%，#ededed 100%）；
背景：线性梯度（至底部，#ffffff 0%，#E5E5 50%，#d7d7d7 51%，#ededed 100%）；
过滤器：progid:dximagetransform.microsoft.gradient（startColorstr='#ffffff'，endColorstr='#ededed'，GradientType=0）；
边框底部：1px实心#D2D2D2D2；
边框顶部：1px实心#D2D2D2D2；
右边框：1px实心#D2D2D2D2；
线高：34px；
填充：0 35px；
筛选器：无；}
#cssmenu>ul>LIA:悬停{
背景：#ffffff url（images/grad_light.png）重复-x左下角；
背景：-莫兹线性梯度（顶部，#d9d9d9 0%，#bfbf 50%，#b0b0 51%，#c7c7c7 100%）；
背景：-webkit渐变（线性、左上、左下、颜色停止（0%、#d9d9d9）、颜色停止（50%、#bfbf）、颜色停止（51%、#b0b0b0）、颜色停止（100%、#c7c7c7））；
背景：-webkit线性梯度（顶部，#d9d9d9 0%，#bfbf 50%，#b0b0 51%，#c7c7c7 100%）；
背景：-o-线性梯度（顶部，#d9d9d9 0%，#bfbf 50%，#b0b0 51%，#c7c7c7 100%）；
背景：-ms线性梯度（顶部，#d9d9d9 0%，#BFBF 50%，#B0B0 51%，#c7c7c7 100%）；
背景：线性梯度（至底部，#d9d9d9 0%，#bfbf 50%，#b0b0 51%，#c7c7c7 100%）；
过滤器：progid:dximagetransform.microsoft.gradient（startColorstr='#ffffff'，endColorstr='#ededed'，GradientType=0）；
筛选器：无；}
#cssmenu>ul>li：第一个孩子a{
边界半径：5px 0 5px；
-moz边界半径：5px 0 5px；
-webkit边界半径：5px 0 5px；
左边框：1px实心#d2d2d2；}
#cssmenu>ul>li：最后一个孩子a{
边界半径：0 5px 5px 0；
-moz边界半径：0 5px 5px 0；
-webkit边框半径：0 5px 5px 0；}
#cssmenu.has sub:hover ul{display:block；}
#cssmenu.具有子ul{显示：无；
位置：绝对位置；
顶部：36px；
左：-1px；
最小宽度：100%；
文本对齐：居中；
*宽度：100%；}
#cssmenu.has sub ul li{text align:center；}
#cssmenu.有子ul LIA{边界顶部：0无；
左边框：1px实心#D2D2D2D2；
显示：块；
字体大小：12px；
线高：120%；
填充：9px 5px；
文本对齐：居中；}

您的徽标图像具有

宽度：506将其更改为
宽度：100%它会工作的

a img {
    width: 100%; // added this
    border: none;
}

您的徽标图像具有
宽度：506将其更改为
宽度：100%它会工作的

a img {
    width: 100%; // added this
    border: none;
}

我找到了一个固定的位置。在我的html下

<meta name="viewport" content="initial-scale=1.0">



我需要补充：

<meta name="viewport" content="width=590">


我找到了一个修复程序。在我的html下

<meta name="viewport" content="initial-scale=1.0">



我需要补充：

<meta name="viewport" content="width=590">


我遇到问题的部分是正文副本。我不担心的标志，虽然它