开发者

Page looks abnormal when i minimize my browser window size

开发者 https://www.devze.com 2023-04-12 15:00 出处:网络
I was learning html from internet and this is what i tried <!doctype html> <html> <body>

I was learning html from internet and this is what i tried

<!doctype html>
<html>
   <body>
       <table cellspacing="0" style="margin-left:250px;margin-top:100px">
           <tr><td style="background-color:#EBEBF5;font-size:15px">Profile Info </td></tr>
           <tr><td>Sports & Fun</td></tr>
           <tr><td>Add More</td></tr>
       </table>
    </body>
</html>

Ok This ouputs as li开发者_开发知识库ke these when my window is in maximized

  Profile Info
  Sports & Fun 
  Add More

Now I have minimized my window and starting compressing it smaller and when i made the window compress and more smaller.

The output is like these

   Profile
   Info
   Sports
   & Fun
   Add 
   More

I thought this behavior is may be due to making window size smaller then i started expermenting on google,facebook, stackoverflow websites, Though I made their window size smaller they were still looking like before with increased scroll bar at the bottom. I wondered why its not working with mine.

Can anyone help me with these ? How can i make my html page look like as it was i mean look same when window is in maximized and even when not maximized ? I want my html page look same even when it is minimized to minimum,like these

  Profile Info
  Sports & Fun 
  Add More


HTML pages resize to fit the window size. If you don't want that, specify the width:

<table cellspacing="0" style="margin-left:250px;margin-top:100px; width:250px">


you should use the min-width. like this:

<html><head><style>body{min-width: (value);}</style></head></html>
0

精彩评论

暂无评论...
验证码 换一张
取 消