0

我想知道是否有一种方法可以使用媒体查询来缩放 div 内容（而不是整个浏览器的内容）。我有一个流体宽度站点，当窗口调整大小超过某个点时，一些内容会隐藏在其他一些内容后面，我希望能够对其进行缩放。

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

其次，我想调整大小的 div 的一些内容是图像 - 所以我不确定如何缩放这些内容，而不是使用某些浏览器不支持的 css scale 属性。

任何人都可以推荐最简单的方法来处理这个问题吗？我附上了网站上发生的事情的屏幕截图。在此处输入图像描述

4

1 回答 1

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 */
}

这里还有更多内容：Twitter Bootstrap 的响应式背景？

于 2012-10-23T15:52:07.293 回答