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使用主container或div也使用min-width and max-width，保留字体px或em上的大小不会将该值更改为%。

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

2 个答案: