Just when the company Website Revision went online, due to lack of experience, it did not consider compatibility with previous browser versions.
The following problems have been encountered:
You can see that the difference between the two pages is caused by the declaration of the head.
I hope to know in detail why, if you can give your opinion generously here, it will be of great help to me ~!
The title of the two pages
<! DOCTYPE>Fame leads to different rendering modes. This leads to different user agent stylesheet loaded by the browser.
Take Chrome as an example.
users_login_01.htmlThe fame of is
<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >This will trigger Chrome to render in Standard mode. Corresponding
users_login_02.htmlNot standard in reputation.
<! DOCTYPE>Chrome will render in Quirks mode
If you want to know the details, you can look at the following code:
- User Agent Stylesheet in Webkit Standard Mode:http://trac.webkit.org/browser/trunk/Source/WebCore/css/html.css
- User Agent Stylesheet under Webkit promiscuous mode:http://trac.webkit.org/browser/trunk/Source/WebCore/css/quirks.css
In fact, the difference between the two pages isHere