移动版本中的CSS显示问题，因为我的地图单张宽度仅为页眉和页脚
移动版本中的CSS显示问题，因为我的地图单张宽度仅为页眉和页脚
提问于 2021-03-29 06:16:15
我在android或iphone上有一个显示问题，这取决于css命令。说明:我正在使用React + React的传单，其页眉+主页脚的宽度为100%，所有的内容都在一个父div主体的宽度和高度上100%显示flex和in column。
在我的主页(在display flex中)，我的宣传单卡片的宽度和高度分别为100%和100%，它必须占据主页面和页脚之间的所有空间。
我试着把页眉7vh，主85vh和页脚8vh (100vh)放在桌面+一些iphone中，这是可以的，但在android上页脚是隐藏的，因为浏览器栏占据了android的屏幕空间。
因此，我把手放在100%或自动，以便它采取最大尺寸离开页眉7vh和页脚8vh (我也尝试在px中)，这个问题在android上得到纠正，但卡不再出现在iphone上，手是空的……
你遇到过这个问题吗？
(ps:我还在React中放入了root、html和100%，它们是body的父元素，并且我使用了reste样式的css)
回答 1
Stack Overflow用户
回答已采纳
发布于 2021-03-29 15:41:03
display: -webkit-box; /* OLD Iphones */
display: -ms-flexbox; /* TWEENER IE 10 */
display: -webkit-flex; /* NEW Iphone */
display: flex; /* Android */
flex: 1;
flex-direction: column;
align-items: center;
justify-content: center;
width: 100%;
height: auto;页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/66846728
复制相关文章
相似问题
腾讯云开发者
