html 5查询自动文本大小

时间:2014-02-17 17:10:27

标签: html html5 css3 web

我的问题是根据视口屏幕重新调整来调整文本大小,这样文本就不会分成两行。 例如,访问http://www.asti.inetsavy.com/rushi/

此处,当您打开该链接时,右键单击以了解源代码。

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

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

如果视口屏幕分辨率不同,则左上角图像(主页和其他两个)进入下一行,导航菜单有两行。 所以请让我知道解决方案

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

1 个答案:

答案 0 :(得分:0)

您可能想要检查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