响应式 - 基于尺寸的响应式内边距

前言 为了衬托一个响应式宽度的图像元素，需要添加相对的内边距。如果使用静态的宽度内边距，图像内边距在较小的浏览器窗口中可能会显得过大，从而与其他附近元素相互挤压，甚至可能将图像挤出屏幕。   准备工作 理解盒模型属性的计算是一个好的开始。一个对象所占的总宽度是它的实际宽度加上它两边的内边距，边框以及外边距，即2*（外边距+边框+内边距）+内容的宽度=总宽度。   实现方式 假设一张图像在正常的非响

>>阅读原文<<