Question

我几乎完成了一个表格相似的响应式设计。 This is a pen to it.我想要更改的最后一件事是.image与.right-side div右侧文字之间的固定空格。可以说20px。目前，当屏幕尺寸变小时，右侧的文字会侵入左侧的图像空间。固定间距和保持响应设计的最佳方法是什么？

Answer 1

您可以将.wrapper-1更改为Flex容器并删除宽度的百分比值，例如：

.wrapper-1 {
  padding:10px 10px;
  display:flex
}

.left-side {
  width:70px;
}

.right-side {
  flex:1;
}