Mobile is generally set to a percentage width, height fixed, if the parent has set the height, you can set the percentage height.
and the standard document flow is generally used to layout. Generally in navigation with NAV labels. Then use the Ul|>li tag, if Li has both icon and text in the I+span if you use less file quick Layout, the general setting Html,body FontSize is 10px; then the other fonts are set to REM for a block label, Do not set the width:100% if it is not necessary, if it is set up, it will cause unnecessary trouble. The icon is typically a transparent picture and then the + background color is displayed and then positioned by changing the position. The other position should be determined in percent rather than pixels, as there may be deviations in different devices. and background-position can use the center more precisely in one direction. The position is relative to the area to be displayed. In addition background-size in IE under the set percentage is larger than other browsers. So you can consider using pixels. In general, there are several elements that are fixed height. such as the navigation bar, footer, button.
Summary of design of home net