css解决web页面拖拉组件变形

本文主要是介绍css解决web页面拖拉组件变形，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

前言

作为前端开发人员,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%)

这篇关于css解决web页面拖拉组件变形的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---