It will do that if the design is centered with margin: 0 auto.
Why the design i created isn't working in mobile phone correctly.
We'd need t see the site, but "correctly" means different things to different people. What you mean is that it isn't working the way you want. One of the first things to do is add this to the head of your pages:
<meta name="viewport" content="width=device-width;">
please suggest what kind of book
Maybe check out something like Responsive Web Design.