图片未调整大小 vertically/not 垂直居中
Picture doesn't resize vertically/not centered vertically
当浏览器水平缩小时，图片（目前的 bean 先生）可以很好地调整大小，但如果浏览器垂直缩小，则不会执行任何操作。我希望那张图片始终保持在页面的中央。
我认为您错误地解决了问题 - 看起来您正在使用 skeleton.css 框架？大多数框架旨在包含内容网格，而您想要实现的内容不适用于与网格相关的布局。
我尝试在 jsfiddle 上实现你想要实现的目标，它可能需要调整，但我认为这对你来说是一个好的开始。
总是有 table-cell 方法 https://jsbin.com/xirevixexo/edit?html,css,js,output
当浏览器水平缩小时，图片（目前的 bean 先生）可以很好地调整大小，但如果浏览器垂直缩小，则不会执行任何操作。我希望那张图片始终保持在页面的中央。
我认为您错误地解决了问题 - 看起来您正在使用 skeleton.css 框架？大多数框架旨在包含内容网格，而您想要实现的内容不适用于与网格相关的布局。
我尝试在 jsfiddle 上实现你想要实现的目标，它可能需要调整，但我认为这对你来说是一个好的开始。
总是有 table-cell 方法 https://jsbin.com/xirevixexo/edit?html,css,js,output