网页资讯视频图片知道文库贴吧地图采购
进入贴吧全吧搜索
前端吧 关注：223,860贴子：1,381,166

兄弟们，flex布局后这样很正常嘛？？

这个是我写的，浏览器缩小后是这样的：

这个是网站缩小后那样：


很明显网站缩小后字体也变小了。flex布局没错，网站布局我猜测是改变根元素大小配合rem


文字的容器定宽了，缩小后容器宽度也变小，但是字体最小只能缩小到12px


做适配，收缩容器坍塌了


媒体查询后顶部白底剩个logo和导航键，导航栏侧边拉出，不少网站这么设计


加响应式，做个小宽度的下拉菜单，再加个rem响应式，可以解决大部分问题了


谢谢各位，我解决了


可以用bootstrap的栅格布局，不用屏幕尺寸下展示不同内容


tailwindcss 了解一下


一些你不想宽度受到影响的子元素加个：flex-shrink: 0


用rem适配下就行


小屏就改成三条横线点击出下拉


导个插件，根据屏幕大小去动态改变根字体大小


在文字那个框设置white-space：nowrap


no-wrap


扫二维码下载贴吧客户端

下载贴吧APP
看高清直播、视频！
分享到: