Html CSS流体布局

Html CSS流体布局,html,css,viewport,fluid-layout,Html,Css,Viewport,Fluid Layout,我正在使用CSS fluid布局设计一个网站(基于自适应/响应式网页设计) 因此,我不会给出任何固定值,即px(仅使用%) 我的问题是,;虽然我确实理解如果我给容器一个100%的宽度,它将根据浏览器窗口(或视口宽度)进行计算。但是字体大小呢,比如我们说100%或1 em作为主体字体时,如何计算呢? 桌面和移动设备上的可见字体大小是否也将相同?相对字体大小单位是根据用户默认字体大小计算的,如果要根据屏幕尺寸调整字体大小,必须使用媒体查询 在移动设备上,由于分辨率更高,文本看起来更小,请小心 相对字

我正在使用CSS fluid布局设计一个网站(基于自适应/响应式网页设计)

因此,我不会给出任何固定值,即px(仅使用%)

我的问题是,;虽然我确实理解如果我给容器一个100%的宽度,它将根据浏览器窗口(或视口宽度)进行计算。但是字体大小呢,比如我们说100%或1 em作为主体字体时,如何计算呢?
桌面和移动设备上的可见字体大小是否也将相同?

相对字体大小单位是根据用户默认字体大小计算的,如果要根据屏幕尺寸调整字体大小,必须使用媒体查询


在移动设备上,由于分辨率更高,文本看起来更小,请小心

相对字体大小单位根据用户默认字体大小计算,如果要根据屏幕尺寸调整字体大小,则必须使用媒体查询


在移动设备上,由于分辨率更高,文本看起来更小,请小心

好的。假设我只有桌面…那么它将如何在桌面上计算?1em=1x用户默认字体大小(通常为16px)对,这就是我要寻找的…所以16px等于所有浏览器的100%字体大小?好的。假设我只有桌面…那么它将如何在桌面上计算?1em=1x用户默认字体大小(通常是16px)对,这就是我要找的…所以16px等于所有浏览器的100%字体大小?