Use your phone to bring your own UC browser to view static pages, CSS styles do not display

Source: Internet
Author: User

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

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.