弹性布局flex-grow用法
给左边设宽度后,右边的平分剩余空间
.left {
width:260px;
}
.right {
flex-grow:1;
}
伪类选择器加图片方法
.chat dd p:before {
content:url()
}
响应式布局
- 宽度百分比
- 高度自适应
- 区分不同屏幕大小
媒体查询
/*手机端*/
@media screen and (max-width:767px) {
}
/*平板*/
@media screen and (min-width:768px) and (max-width:1200px) {
}
/*pc端*/
@media screen and (min-width:1201px and (max-width:12000px) {
}
pc端版心
.xw {
max-width:1200px;
margin:auto;
给li加边框内边距怎么保证盒子不被撑下去？
Box-sizing:border-Box;
怎么强制盒子不收缩？
flex-shrink:0;
原文地址：https://blog.csdn.net/qq_50471372/article/details/114733015
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。
