首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    CSS之关于min-width、max-width、min-height和max-height的使用

    Snipaste_2021-12-01_22-03-55.png ==>:star:最高就为5px,填充内容的高度再高也无济于事 ---- :star:与min-width不同,子盒子的min-width和max-width...min-width为10px时: Snipaste_2021-12-01_22-19-37.png 当父盒子A宽度为10px,子盒子B min-width为200px时,与上图一样 ---- :fire:max-width...:star:设子盒子的max-width为H,父盒子width为width,使用max-width是指: 如果H<width,则子盒子宽度为H 如果H>width,子盒子要受到父盒子的约束,子盒子宽度...=父盒子宽度width 举例: 当父盒子A宽度为200px,子盒子 max-width为10px时, Snipaste_2021-12-01_22-21-30.png 当父盒子A宽度为10px,子盒子...max-width为200px时,同上图

    1.4K20

    【个人总结】流媒体CSS样式怎么写

    看一下示例代码 小于等于1440的设备 @media only screen and(max-width:1440px){} 小于等于1366的设备 @media only screen and(max-width...:1366px){} 小于等于1280的设备 @media only screen and(max-width:1280px){} 小于等于1024的设备 @media only screen and(...max-width:1024px){} 小于等于768的设备 @media only screen and(max-width:768px){} 小于等于640的设备 @media only screen... and(max-width:640px){} 小于等于480的设备 @media only screen and(max-width:480px){} 小于等于320的设备 @media only screen... and(max-width:320px){} 总结:用max-width那么就是大的在上面,小的在下面,如果用min-width时,小的放上面大的在下面,按照以上写法基本上可以满足产品需求。

    1.1K10
    领券