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

Posted 2023-03-06

【中文标题】为响应式网页布局调整网页大小[重复]

【英文标题】：Resize the webpage for responsive web layout [duplicate]

【发布时间】：2016-05-23 11:41:58

【问题描述】：

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

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

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

【问题讨论】：

请分享代码而不是图片/视频，我们无法通过查看截屏来知道发生了什么

【参考方案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;