最近做东西遇到一个问题,input框是按百分比计算宽度,但是图片按钮是固定的,为了在不同设备都能漂亮展示,就需要用百分比减去像素值。

最初的写法是直接让input占80%,兼容性不行。
后来想着动态改变,开始测试直接用 100%-36px 是不行的
搜索一番后得到 width:calc(100% - 36px);

收工!

之前:

之后: