The following section of code to introduce the JS dynamic set REM to achieve the mobile-side font adaptation, so as to make a record, convenient later needs, interested friends to take a look at it.
The specific code looks like this:
Set root element font
var win = window,
doc = document;
function Setfontsize () {
var winwidth = $ (window). width ();
750 This number is based on the actual size of your design diagram, so the value is specific according to the size of the design of
var size = (winwidth/750) *;
Doc.documentElement.style.fontSize = (Size < size:100) + ' px ';
Here we give a timer to implement the page load and then font settings
settimeout (function () {
//Initialize
setfontsize ();
}, 100);
The above is a small set of JS to introduce the dynamic setting of REM to achieve mobile-side font of the adaptive Code, I hope to help you, if you have any questions please give me a message, small series will promptly reply to everyone. Here also thank you very much for the cloud Habitat Community website support!