为响应式网页布局调整网页大小[重复]

Question

我已经在引导程序中开发了该网站。当我尝试在浏览器中调整网站大小时，文本未正确调整大小。我在引导程序中尝试了一些东西，在文本级别没有什么效果很好。

这里是我测试网站http://i.giphy.com/xT0BKp4niP44vGOjmM.gif的尝试

如果我们调整浏览器窗口以及平板电脑和移动设备的大小时，如果有任何建议可以使网站看起来很棒，请查看并告诉我。

Answer 1

例如，您可以使用媒体查询：

p {
    font-size:80px;
}

@media (max-width:800px) {
    /* here goes your text code , you need to change text size here for example */
    p {
        font-size:30px;
    }
}

• LOOK HERE 小提琴。
• LOOK HERE 为所有尺寸的场景提供小提琴

另见this Fiddle。

p {
    font-size:30px;
    font-size:10vw;
}