Html 我可以根据浏览器分辨率缩小或扩展文本吗

我可以仅仅使用html和css根据浏览器分辨率缩小或扩展文本吗

基本上我想创建一个网站，这是与1024x768和320x480兼容。我设法将所有内容缩小到大小（图像、视频），但我无法找到将文本从1024x768缩小到320x480的方法

有人有简单的解决办法吗？有人有过同样的问题吗

---

我对任何涉及css3和html5的想法都持开放态度，我不想使用任何其他javascript、jquery。这是给我的规格

您可以使用

@media screen and (max-width: 500px) { 
    body { font-size: 12px;}
}

为不同的分辨率设置不同的规则

并将

添加到html头部，因为否则一些移动浏览器将评估css像素，就像它们具有更大的屏幕分辨率一样（以便或多或少正确地显示为更大屏幕设计的页面）

CSS3定义了适用于此目的的装置

vw

是视口宽度的1%，因此很难猜测正确的大小。但是，例如，它对于在可缩放的背景图像上调整文本大小非常有用

像任何更熟悉的单元一样使用它，例如

h1 { font-size:3vw; }
p, li { font-size:1.5vw; }

您还可以将其与媒体查询相结合，以提供最小文本大小

定义其他相对大小单位：

“

rem

”：根元素的字体大小
“

vw

”：视口宽度的1%
“

vh

”：1%视口高度
“

vmin

”：视口较小尺寸的1%
“

vmax

”：视口较大尺寸的1%

---

就我个人而言，我认为创建移动兼容站点的最佳选择之一是使用bootstrap3。可能是一个学习曲线，因为有这么多的信息，但我认为这是非常值得的。所以我可以使用@media掌上电脑将其设置为320x480？我不确定：是否有分辨率更高的掌上电脑。