Question

我正在从互联网上学习HTML，这就是我试过的

<!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当我的窗口处于最大化时，这个输出就像这样。

  Profile Info
  Sports & Fun 
  Add More

现在我已经将窗口最小化并开始压缩它，当我使窗口压缩并且更小时。

输出就像这些

   Profile
   Info
   Sports
   & Fun
   Add 
   More

我认为这种行为可能是因为窗口尺寸较小，然后我开始在google，facebook，stackoverflow网站上进行实验，虽然我让它们的窗口尺寸更小，但它们仍然看起来像以前增加了底部的滚动条。我想知道为什么它不与我合作。

任何人都可以帮我这些吗？我如何使我的html页面看起来像我的意思是当窗口最大化甚至没有最大化时看起来相同？我希望我的html页面看起来相同，即使它被最小化到最小，就像这些

  Profile Info
  Sports & Fun 
  Add More

Answer 1

HTML页面调整大小以适合窗口大小。如果您不想这样做，请指定width：

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

Answer 2

您应该使用 min-width 。像这样：

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

当我最小化浏览器窗口大小时，页面看起来异常

2 个答案: