How to be compatible with multiple rem standards in mobile web pages?

I set 50px to the html tag in the mobile project to set the Reme values of other elements at this size. But some places need a third-party plug-in, the third-party plug-in to the html element is set to 16px, in the actual project there is a conflict, according to him to me this style is small, according to my size, the plug-in style is big, now it is almost completed, and then change also takes time, is there any way to solve this problem?

Mar.28,2021

there should be a benchmark value in your rem adaptation function. For example, if you set it to 50, don't you just change it to 16?

I did this before, dynamically setting the font-size of html

    var whdef = 100 / 1920;// 1920,100px
    var wW = window.parent.innerWidth || window.innerWidth;// 
    var rem = wW * whdef;// ,FONT-SIZE
    $('html').css('font-size', rem + "px");

change it locally to em, to set font-size to the component root tag (local parent element)

MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1b394b6-2c198.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1b394b6-2c198.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?