Problem Description:
This problem is a colleague in the mobile phone page after testing with the UC browser encountered, other browser static page display is normal, but the UC browser does not display the page style.
I tested the code is not a problem, because temporarily did not find the Android phone, I guess the PC should be the same as the mobile phone side will have the same problem, after all, the same kernel.
However, there is no problem with the mobile phone simulator that is viewed or brought by the UC browser on the PC, except on the phone.
workaround : For example, the review element found that, in a very good way, the UC browser default to head added a dislay:none, hide the property, and then try to put the introduced CSS file outside the head, it can be displayed normally.
However, according to colleagues, although the page can be displayed, but with the positioning and floating properties of the place, display or chaos, should be the UC browser itself does not support the reason
Baidu's UC Browser does not support CSS properties.
Note: This code is a test code and does not add related properties such as positioning and floating
Page code:
<!DOCTYPE HTML PUBLIC "-//w3c//dtd HTML 4.01 transitional//en" "Http://www.w3.org/TR/html4/loose.dtd "><HTML><Head><Metahttp-equiv= "Content-type"content= "textml; charset=iso-8859-1"><Metaname= "Format-detection"content= "Telephone=no"><Metaname= "Viewport"content= "Width=device-width, initial-scale=1,maximum-scale=1, User-scalable=no"><title>Insert Title here</title><style>. NewBoy{Display:Block;width:50px;Height:500px;background:Red;}. NewBoy2{width:20VW;Height:20VW;background:Green;}. NewBoy3{width:50rem;Height:50rem;background:Pink;}. NewBoy4{width:50em;Height:50em;background:Yellow;}. NewBoy5{width:50pt;Height:50pt;background:Red;}. NewBoy6{width:50%;Height:50%;background:Black;}</style></Head><Body> <Divclass= "NewBoy"style= "width:50px;height:50px;"></Div> <Divclass= "NewBoy2"></Div> <Divclass= "NewBoy3"></Div> <Divclass= "NewBoy4"></Div> <Divclass= "NewBoy5"></Div> <Divclass= "NewBoy6"></Div> <spanclass= "NewBoy">123</span> <P>Asdasda</P></Body><HTML>
Use your phone to bring your own UC browser to view static pages, CSS styles do not display