2016 Summary of work item completion

A summary of what the project is mainly learned from the beginning of the foundation to clear floating problem description, floating elements resulting in a high degree of collapse, the next margin although the effect, but still close to the top;

Add an empty element to the floating element, set the style= "Clear:both"//This is not recommended for use// Method One 111111111111111222222222222222222111111111111111111111111111//method two//Add Overflow:hidden to the parent element of the floating element; the latter overflow: auto;//This method is invisible when there are child elements beyond the parent element (such as using position: Absolute elements) 111111111111111222222222222222222111111111111111111111111111//method three//Use the principle of method one, clear the parent element of the pseudo-element of the floating//3 (1). Clearfix:after{content: "."; Visibility:hidden;display:block;height:0;clear:coth;}. Clearfix{zoom:1;} 3 (2). Clearfix:after{content: "";d isplay:table;clear:both;};/ /3 (3). Clearfix:before,.clearfix:after{content: "";d isplay:table;}. Clearfix:after{clear:both;}

User experience problem description on mobile: No click Effect when used on ipad side

Problem Solving: button, the ipad has a click effect, you can add-webkit-tap-highlight-color:rgba (240,240,240,0.7) in the click Element, you can change the color of the background frame when the element is clicked. If you need a background box that does not appear, you can set the alpha value in Rgba to 0, such as-webkit-tap-highlight-color:rgba (0,0,0,0); -webkit-tap-highlight-color:transparent; /* For some androids, personal feeling is low version of Android, under 4.0 */

ipad does not work when you click Body

Use Cursor:pointer, will bring the whole page click Effect, so remove-webkit-tao-highlight-color color body{cursor:pointer;- Webkit-tap-highlight-color:rgba (0,0,0,0);-webkit-tap-highlight-color:transparent;}

Fixed issue that failed due to keyboard eject

The following solutions are visible

 
   
 
   
 
   
 
   
  
    
 
   
 
   
 
   
  
    
  
    Submit
 
   

A summary of the realization of the function effect 5 Star scoring function implementation