css - 使用媒体查询来扩展内容

Question

我想知道是否有办法使用媒体查询来扩展div内容（而不是整个浏览器的内容）。我有一个流畅的宽度网站，当窗口调整大小超过某一点时，一些内容会被隐藏在其他内容之后，我希望能够扩展它。

我有两个问题 - 一个是我使用ems作为字体，但字体不会随浏览器调整大小而缩放。他们应该这样做吗？

其次，我要调整大小的div的一些内容是图像 - 所以我不确定如何扩展除了使用某些浏览器不支持的css scale属性之外的其他内容。 / p>

有人能推荐最简单的方法吗？我附上了网站上发生的事情的截图。

Answer 1

我相信昨天有一部分被触及：

要根据屏幕调整字体大小，我相信您需要视口大小的字体：

vw vh and vmin.

http://css-tricks.com/viewport-sized-typography/

要调整图像大小，只需为每个屏幕尺寸指定相应的尺寸。您还可以根据屏幕大小或任何CSS属性设置特定的字体大小：

/* mobile phones */
@media only screen
and (min-device-width : 320px) 
and (max-device-width : 480px) {
/* This is where you would specify the width and hight of your images */
}

/* iPads (portrait and landscape) */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
/* Styles */
}

此处还有更多内容：Responsive backgrounds with Twitter Bootstrap?