CSS类在iOS浏览器中不显示，但在Android中可用。
CSS类在iOS浏览器中不显示，但在Android中可用。
提问于 2019-04-10 16:50:28
我正在写一个带有facebook风格的聊天窗口的网页。它在浏览器中运行良好，CSS如下所示：
.chatWindowContainer {
display: flex;
flex-flow: column;
position: absolute;
bottom: 0px;
right: 15%;
margin-left: 10px;
background-color: white;
width: 350px;
box-shadow: 0 20px 20px 5px rgba(0, 0, 0, 0.2),
0 0px 10px 0 rgba(0, 0, 0, 0.19);
}对于移动端，我希望窗口跨越整个屏幕底部。我使用媒体查询：
@media screen and (max-width: 800px) {
.chatWindowContainer {
width: 100%;
right: 0%;
}
}在Chrome中使用devtools和使用设备视窗时，一切都看起来很好。这也适用于Chrome for Android，但它不适用于Safari，Edge或Chrome for iOS，我不知道为什么。有没有什么方法可以检查我是否收到错误消息或类似的消息？
回答 1
Stack Overflow用户
发布于 2019-04-10 16:58:55
我想通了..。
我使用react包"react- Speech -recognition“，它使用Web Speech API。除了Chrome和Chrome for Android之外，其他浏览器都不支持这一点。当移除围绕我的WebApp的SpeechAPI包装器时，ChatWindow显示在iOS中。
所以这不是CSS的问题，而是JS的问题。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/55608413
复制相关文章
相似问题
腾讯云开发者
