设置相对于各种屏幕尺寸的基本字体大小的字体大小

基于屏幕尺寸我想设置各种元素相对于基本字体大小的大小，例如，对于设备宽度320px，元素h1是基本字体的10％和设备宽度1024像素h1是基本字体的20％。

这可以以任何方式完成吗？

@media screen and (max-device-width : 320px) 
{ 
    body or yourdiv element 
    { 
    font:10% of basefont; 
    } 
} 
@media screen and (max-device-width : 1204px) 
{ 
    body or yourdiv element 
    { 
    font:20% of basefont; 
    } 
}

来源

2014-07-04 user1502901

rem使用。这单元表示根元素的字体大小（例如html元素的字体大小），不需要太多计算（与其说：p）和是害怕像电子邮件description

html { font-size:50px; } 
@media screen and (max-device-width : 320px) 
{ 
    yourdiv element 
    { 
     font:0.1rem; 
    } 
} 
@media screen and (max-device-width : 1204px) 
{ 
    yourdiv element 
    { 
     font:0.2rem; 
    } 
}

来源

2014-07-04 13:09:52 AlexDom

谢谢..这是我一直在寻找。我也想知道基数的大小可以用px和百分比表示吗？在所有浏览器（移动设备和桌面设备）上指定html {font-size：67.5％}将为10px？ – user1502901

通常情况下，所有新的浏览器似乎都有16像素，100％的字体大小，所以你可以但对于旧的浏览器我不确定（或旧的移动浏览器） – AlexDom