Layout 我的网站不能正确显示1024以上的分辨率_Layout_Web_Resize_Liquid

Layout 我的网站不能正确显示1024以上的分辨率

layout web

Layout 我的网站不能正确显示1024以上的分辨率,layout,web,resize,liquid,Layout,Web,Resize,Liquid,我最近开发了一个网站，在1024分辨率上看起来不错，但在更大的分辨率上却搞砸了。以下是您可能需要查看的文件的链接：。这是一个PHP文件，但我已经链接到了包含的HTML文件我有一个常规的17英寸屏幕，而客户端有一个宽屏。她看到右边的空白，而我看不到。我只是在使用viewlike.us网站测试不同分辨率时才看到它。我如何使其调整比例大小？谢谢。这是因为您将主体设置为1024 px body { width:1024px; background-image:url(images/top_backgr

我最近开发了一个网站，在1024分辨率上看起来不错，但在更大的分辨率上却搞砸了。以下是您可能需要查看的文件的链接：。这是一个PHP文件，但我已经链接到了包含的HTML文件

我有一个常规的17英寸屏幕，而客户端有一个宽屏。她看到右边的空白，而我看不到。我只是在使用viewlike.us网站测试不同分辨率时才看到它。我如何使其调整比例大小？谢谢。

这是因为您将主体设置为1024 px

body {
width:1024px;
background-image:url(images/top_background.jpg);
background-repeat:no-repeat;
background-color:#FFF;
}

你不想这样做，你通常做的是有一个页面包装器，你设置大小为1024px

例如，您可以在html中使用它

<html>
   <head>...</head>
   <body>
      <div id="pageWrapper">
        <!-- all your content here -->
      </div>
   </body>
</html>

您通常有这样的结构：

#pageWrapper {
    width:1024px;
    margin: 0 auto;
}

<html>
   <head>...</head>
   <body>
      <div id="header-wrapper>
         <div id="header>
            <!-- header content here -->
         </div>
      </div>
      <div id="pageWrapper">
        <!-- all your content here -->
      </div>
   </body>
</html>

这样，图像将在标题上水平重复。然后，您可以为主体设置另一个背景，或者仅设置背景颜色

同样，这在很大程度上取决于你想要实现什么

祝你好运

没有链接到HTML或网页对不起。它最初包括在内，我想，但我超过了我的最大数量的链接。该网站位于inecnursing.org。从最初的帖子开始，我做了一些改变。我想我必须制作一个更大的背景图像，以获得更高的分辨率。事情正在排成一行，但它们没有正确地分布在页面上。看起来liek只使用了页面的一部分。感谢您的快速响应。我马上就去试试。我只是想首先补充一点，我最初将主体设置为100%，但这会导致分辨率失真超过1024px，所以我将其设置为1024，这是背景图像的长度。作为一个额外的快速问题，因为我对做出响应性设计还比较陌生，所以我遇到了一些问题。当你有一个像我这样的背景图像，它构成了网站的标题，它的尺寸应该是什么，这样它就可以在任何分辨率下工作？我应该制作一张巨大的图片，这样它就可以相应地“缩小”吗？谢谢你！我想这是我需要的最终解决方案。

#headerWrapper {
    width:100%;
    height: 100px;
    background: url("/img/background.png") repeat-x;
}