html 5查询自动文本大小

Question

我的问题是根据视口(viewport)屏幕分辨率调整文本大小，这样文本就不会分成两行。 例如访问 http://www.asti.inetsavy.com/rushi/

在这里，当您打开该链接时，右键单击以了解源代码。

和我的CSS 当您从上面的链接中单击 index.css 时，可以下载文件 如果你不能从那里下载它从这里下载它

https://www.mediafire.com/?jh2q3e9dfmpvsyq

如果视口(viewport)屏幕分辨率不同，则左上角的图像(主页和其他两个)位于下一行，导航菜单也位于两行。 所以请告诉我解决方案

在我的屏幕上，您在 1600*900 分辨率下查看的文字效果很好 但在其他分辨率的情况下，用户必须调整大小或缩小以根据他的分辨率进行调整。

Answer 1

您可能想要检查 CSS 媒体查询，这就是您所需要的

示例:

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
    p {
       font-size: 13px;
    }
}

这只会在智能手机上将文本调整为 13px

Mozilla article on Media queries