前言
作为前端开发人员,calc()这个函数一定不陌生,但是它存在一定的局限性,假如无限缩小页面或者无限放大页面都会导致calc()标签里面的内容变形,所以紧跟着它还要有一个最小宽度min-width / min-height
div{
width:calc(100vw);
min-width:1400px;
}
拓展
响应式要求
- 摒弃px,web字体使用rem,app使用rpx
- 页面布局div使用calc()配套min-width去使用
- 位置属性使用% 例如:(position:relative;top:5%)