Html、CSS代码未在某些移动设备Chrome应用程序中运行？

前端HTML和CSS代码在各种移动设备Chrome应用程序中都不起作用。如果我们在桌面上签入chrome Inspect工具，则会显示底部导航菜单，但在my Nokia mobile中，不会显示底部导航栏。
Q.如何解决这个问题？

该网站的链接为-

代码-

@media（最小宽度：500px）{.btmenu{display:none；}
.mbn{位置：固定；底部：0；左侧：0；右侧：0；z索引：9999999；将更改：转换；转换：translateZ（0）；显示：flex；高度：50px；框阴影：0-3px 15px-3px 999；背景色：#fdfdfd；}。mbn a{颜色：#000000；文本装饰：无；右边框：1px实心#dddddddd；}。mbn项{flex-grow:1；文本对齐：居中；字体大小：12px；显示：flex；flex-direction:column；justify-content:center；}.mbn内容{display:flex；color:#ffffffff；flex-direction:column；}

菜单

这是在滚动（在移动设备上）上进行的检查

您的条形图仅显示宽度低于400px的屏幕。您的设备具有不同的宽度-一个低于400px，一个高于400px

这是您正在执行此操作的代码

@media only screen and (min-width: 400px)
.btmenu {
    display: none;
}

---

底部栏不显示的示例的宽度似乎为725px

因此，如果您要更改这些值，那么它应该会出现

试用：

@media (min-width: 750px)  { .btmenu {display:none;} } 

---

可能这不是确切的值，但最好只是玩转这个值，因为其余的看起来都很好。

您可以删除媒体查询并再次检查。如果它确实起作用，那么您的移动设备的分辨率可能与您期望的分辨率不同。我建议您改进问题的标题。它太笼统了，没有意义不能描述具体的问题。它将帮助人们更快地参与进来并提供帮助you@Jelle，正如你所说，我已经试过了，但不起作用。到底是什么不起作用？在网站上，如果我删除最小宽度部分，我会看到底部栏出现。这意味着底部栏css工作正常。只需使用最小宽度值，直到它消失显示在您的特定移动设备上。滚动功能正常工作，但底部菜单不显示在chrome中。我有一个诺基亚设备和Asus设备，在诺基亚中，底部导航栏不显示，但在Asus中显示。请参见上面的两幅图。我只想在移动设备中显示此导航栏，那么确切的css应该是什么？@PuneetVerma css没有t支持检测正在使用的设备。它只允许检测宽度。通常，人们将768px以下设置为移动视图，将768px设置为1024px以下设置为平板电脑，将1024px设置为1280px以下设置为笔记本电脑/台式机，将>1280px设置为大屏幕。但这些只是一些任意数字，不能保证。请尝试根据您需要/可以输入的信息量设置布局n屏幕，无用户使用的设备类型。