扫码关注官方订阅号
想使用flex制作这种可自适应的布局(用在手机页面):
我仿照着写了,效果如下:
对应的代码:
Document
重点出现这种现象的原因,我没有在最外层容器元素上设置固定的高度(使用的是:min-height,max-height),才导致出现这种现象。
我想要知道为什么设置min-height,max-height 后,子元素为什么就无法继承父元素的高度了呢??
然后就是,怎么解决这个问题,实现我想要的效果(第一张图显示的布局)??
第一:少了meta标签
<meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport">
第二 在移动端需
img{ max-width: 100%; }
才能自适应屏幕第三: flex的用法不对 传送门
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
第一:少了meta标签
第二 在移动端需
才能自适应屏幕
第三: flex的用法不对 传送门