疯子好好活

CSS减法-CSS百分比减去像素值

发布时间:2015年3月4日 / 分类:百宝箱 / 2,475 次围观 / 抢沙发!

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

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

收工!

之前:
之前

之后:
之后

标签:没有标签呢