Web Client Experience:

Project experience:
1. If the set margin margin parent element also moves, the parent element setting triggers the BFC environment, Overflow:hidden
If the direct sub-class where the margin changed to padding, so that their own content relative to their position is changed

2. Refer to an external file./Represents the previous level (parent directory): /represents upper Level Two

3. Adjust position, must be with margin and padding, less than the need to locate, positioning itself efficiency and compatibility issues

4. Styles are used. class, #id留给JS用

In doing the project, first determine the structure, in the determination of the box body,
Add the elements, and the basic main frame is triggered BFC
When setting margins and padding

Multi-use bootstrap inside, directly integrated, convenient,
Typesetting without table layout, previously, and now give up, all the pages are boxes, with Div, set col-xs-3, in the adjustment page, or very convenient. Multi-grid format layout

The difference between the mobile phone and the PC side:
1. Top write adaptive All phones,
<meta name= "viewport" content= "Width=device-width, initial-scale=1.0" >
2. Add autosize.js between the last import foot and HTML
When a small picture is added to the first occurrence of the position is not the origin of the coordinates, probably the center of time, you can add a sentence font-size:0, inside the conversion problem
The width of the 3.autosize.js is changed to picture width
4. All the lengths used in the inside are measured by the picture px divided by 100, the unit is REM. For example, the measured 300px,3rem.

3 and 4 are all with the picture width, not the phone screen width, he adapts

5.body Set phone width, no settings below
6. Debugging with the phone that button, choose a cell phone can be

Web Client Experience: