0

我是制作网站的新手。我可以读写一些 CSS 和 HTML 以及一点点 Javascript。但是我现在发现我的网站存在一些问题。如果屏幕分辨率低并且您想访问我的网站，那么它将切断我网站的右侧。此外，如果您使用移动设备访问它，它将被切断，您无法缩小或滚动到右侧/左侧。

现在，当我忙于检查和编码电话时（我只能检查 iPhone 5），我使用了此代码

<meta name=”viewport” content=”width=device-width, maximum-scale=0, user-scalable=yes, max-zoom=5, min-zoom= 0.25 ” />

但它没有用。现在，当我遇到其他问题时，我要求一些人查看我的网站并解决了问题，但是当有人以低分辨率查看我的网站时，它会切断与移动设备相同的网站右侧。

现在我想我需要制作一个包含分辨率的 css 文件，让头部和身体缩小到另一个 %，但我不知道从哪里开始，如何开始以及 % 必须是什么。希望你们能帮助我，我将不胜感激！

4

1 回答 1

0

要解决您的问题，您只需要添加

最小宽度：1260px；在 default.css 中到你的身体

像这样

body {
margin: 0px;
padding: 0px;
font-family: 'Open Sans', sans-serif;
font-size: 10pt;
color: #000000;
min-width: 1260px;
}

这是因为您的大多数 div 宽度为 1200 并且您有 margin: 30px ，因此您的网站宽度应约为 1260px

我在你的网站上试过了，它工作

我还注意到主页中的滑块看起来不太好，您只需像这样在 style.css 文件中将滑块包装宽度设为 100%

.slider-wrapper {
width: 100%;
margin: 0px auto;
}
于 2013-10-20T20:53:58.017 回答