css
懵a呆
这个作者很懒,什么都没留下…
展开
-
【css】父div宽度固定,子div横向排列,排不下自动换行
前提:如图,有n个虚线div,未设定样式时每个div独占一行,且宽度均为100%。现有一需求,要求每个虚线div宽度为文字宽度,并横向排列,排不下时自动换行。 <style> .area { width: 800px; padding: 45px 30px; margin-bottom: 30px; outline: 6px solid #000; } .area div[class原创 2021-12-06 14:06:51 · 3505 阅读 · 0 评论 -
【css】浏览器缩放后,div实际宽度发生变化
先上图预期:为文字与图片设计了响应式布局,当屏幕宽度 <= 375px时,为上下分布;当屏幕宽度 >375px时,为左右分布。bug现象:当屏幕宽度 <= 375px时,浏览器缩放为100%时,OK;浏览器缩放为90%时,NG,应为上下结构,但实际显示为左右结构。debug:1.调查发现zoom out到90%时,"@media screen and (max-width: 375px)"不再受用,此现象同时发生在zoom in到110%~150%的情况;2.控制原创 2021-11-30 17:15:03 · 2759 阅读 · 2 评论 -
【css】图片根据宽高自适应,并居中
参考:https://www.jb51.net/html5/714382.html.img-box {display: flex;align-items: center;justify-content: center;}.img-box img {max-width: 100%;max-height: 100%;}原创 2021-07-02 17:46:17 · 872 阅读 · 0 评论