响应式网站的 EM 或百分比？

Question

目前我有一个完整的网站，目前没有响应大多数事物的值都使用像素，其中一两个使用百分比和 em。

我的问题基本上是，我应该将像素值转换为百分比还是 em 值？一个或另一个是否真的有所作为。这是我第一次制作响应式网站，所以仍然对这个主题感到困惑，但我正在学习本教程：

http://www.techrepublic.com/blog/web-designer/how-to-get-started-with-responsive-web-design/

非常感谢任何帮助

谢谢

Answer 1

the best way to fix this using media queries
media only screen 
and (min-width : 1366px) 
and (max-width : 1440px) {
    .page-heading .title{
    //put your font size 
    }
}

@media only screen 
and (min-width : 1991px) 
and (max-width : 1365px) {
    .page-heading .title{
    //put your font size(change according to screen size) 
    }
}

@media only screen 
and (min-width : 1280px) 
and (max-width : 1990px){
    .page-heading .title{
    //put your font size(change according to screen size) 
    }
}


@media only screen 
and (min-width : 481px) 
and (max-width : 767px) {
    .page-heading .title{
    //put your font size(change according to screen size) 
    }
}

@media only screen 
and (min-width : 320px) 
and (max-width : 480px) {
    .page-heading .title{
    //put your font size(change according to screen size) 
    }
}

YOU CAN CHANGE MIN AND MAX WIDTH ACCORDING TO THE SCREEN SIZES AND REDUCE THE FONT SIZE RESPECTIVELY

Answer 2

尽可能多地使用 % 对于 width 使用 main container 或 div 也使用 min-width and max-width,保持字体大小为 px 或 em 不要将该值更改为 %.

响应式网站的 EM 或百分比？

EM or Percentages for Responsive Website?

css

em

responsive-design