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

目前，我有一个完整的网站，目前没有响应大多数的价值观的东西是使用一个或两个使用百分比和em像素

我的问题是，我应该把像素值转换成百分比还是em值？一个或另一个真的有区别吗。这是我第一次制作一个有响应性的网站，所以在这个问题上仍然有点困惑，但我遵循本教程：

非常感谢您的帮助

---

谢谢，尽量使用%作为宽度，主容器或div也使用最小宽度和最大宽度，将字体大小保持在px或em上，不要将该值更改为%。

对于字体大小，这无关紧要，对于框，使用百分比，您不知道可以在视口中放置多少ems。对于高分辨率，您可以将ems作为最大宽度。谢谢，我非常感谢您提供的信息，我将按照您的建议进行操作，并返回结果。

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