html中的CSS对我使用mpf转换为pdf的html页面没有任何影响

Question

我有一个html页面，我使用mpdf转换为pdf。转换工作正常，但pdf没有在html页面中读取css。

以下是mpdf类

class M_pdf {

    public $param;
    public $pdf;

    public function __construct($param = '"en-GB-x","A4","","",10,10,10,10,6,3')
   // public function __construct($param = "'c','A4','','' , 0 , 0 , 0 , 0 , 0 , 0")
    {
        $this->param =$param;
        $this->pdf = new mPDF();
    }

HTML页面具有以下样式代码

<style>
     body{
                    width: 21cm;
                    height: 29.7cm;
                    margin-left:auto; 
                    margin-right:auto; 
                    font-family: 'Montserrat'
                }
                .quotation--summary--head{
                    color: #616161;
                    text-transform: uppercase;
                    font-size:30px;
                    padding-top: 14px;
                    padding-bottom: 10px;
                }  
                .heading h4{
                    color: #616161;
                    background-color: #ebedef;
                    padding: 20px 0px;
                    text-align: center;
                    font-size: 25px;
                    text-transform: uppercase;
                    margin-top: 0px;  
                    margin-bottom: 0px;
                    letter-spacing: 1px;
                }
</style>

HTML页面没问题，它以我想要的方式显示所有内容。当它转换为pdf时会出现问题。

这是它在pdf中的显示方式：

ELECTRICAL
ROOM1
241000
1
Case 1 NOTE : note for case1BRAND : brand1
500Sq.Ft x 100
50000
2
Case 2 NOTE : note for case2BRAND : brand2
500Sq.Ft x 120
60000
3
Case 3 NOTE : note for case3BRAND : brand3

虽然真正的HTML页面看起来像这样，但这也是我想要pdf的样子。

欢迎任何帮助解决问题。