If the page contains a valid DOCTYPE declaration, it is rendered in strict mode.
If the page does not have a DOCTYPE declaration or a valid DOCTYPE declaration, it is rendered in compatibility mode.
There is a difference between the two modes, the main difference between the two rendering modes is the calculation of the element width and the height style. Like the following style
Copy Code code as follows:
{
width:180px;
height:72px;
padding:10px;
bording-width:5px;
}
In the strict mode of the 180*72px, the content of the element is displayed in the range of the contents. The inner margin and border are outside the range of 180*72 pixels. So the coverage area of the entire element is: width:180 + 10*2 + 5*2 = 210px,height:72 +10*2 + 5*2 =102px.
In IE compatibility mode the entire element covers an area of 180*72 pixels. The size of the content is reduced to the width 180-10*2-5*2=150px, the height 72-10*2-5*2 =32px.
The method of using jquery to Judge Box modal is simple. Is the $.BOXMODEL flag by type bool. Returns true if the page is a model of the standard for the web. otherwise return false.
