当窗口太短时，CSS会创建两列

Question

我的网页下面有一个带有文字的图片，如下所示：http://jsfiddle.net/e3vWe/1/ 我已经设置了

img {
width:80%;
max-width:900px;
display:block;
margin-left:auto;
margin-right:auto;
}

问题是，在较小的屏幕上，图像的底部被切断，并且其下方的文本需要滚动才能访问。是否有一种方法（我假设使用单独的样式表）使文本显示在图像的左侧，同时当窗口高度低于600px时保持整个页面居中？此外，对于移动用户，当窗口高度低于400px时，还原为移动样式表。感谢。

Answer 1

对所有图像尝试此操作，并在不同的屏幕尺寸上尝试不同风格的媒体查询。

img { max-width: 100% !important; }