html body scale,html - CSS body width not scaled to phone width - Stack Overflow

I'm testing basic layout:

And there is style of body element

background-color: rgb(255, 0, 0);

color: rgb(51, 51, 51);

display: block;

font-family: 'Segoe UI', Ubuntu, Roboto, 'Helvetica Neue', 'Open Sans', Arial, sans-serif;

font-size: 14px;

height: 1091px;

line-height: 20px;

margin-bottom: 0px;

margin-left: 0px;

margin-right: 0px;

margin-top: 0px;

min-height: 100%;

min-width: 1024px;

padding-bottom: 0px;

padding-left: 0px;

padding-right: 0px;

padding-top: 0px;

width: 1024px;

The thing is that I was sure that body width will be scaled and fitted to the phone size. But when I tested on iPhone 3GS horizontal scrollbar appeared. Why width is not scaled?