Web phone interface Absolute Positioning resolution expands resulting in confusion problems and block-level element rotation angle CSS

First, the head added consciousness is proportional scaling

When doing it, I found some problems:

Before setting the body background picture for no-repeat width 100% is fixed to the parent container for position:relative;

Then define the div position:absolute you want to do;

But found that the resolution of the Web phone is larger, positioning according to the location of the image is confused.

For example IPhone5 resolution for 320*568 Samsung is S4 resolution for 340*640 if you don't want to locate the disorder,

You can set the background picture background-size: Width and height, no more than the width of the resolution,

such as Apple's background-size:320px;

Block-level element rotation angle CSS:-o-transform:rotate ( -20deg); -webkit-transform:rotate ( -20DEG); -moz-transform:rotate ( -20DEG);

Web phone interface Absolute Positioning resolution expands resulting in confusion problems and block-level element rotation angle CSS