javascript - 用于解析的 CSS 样式表

Question

我在制作网站方面还很陌生。我可以读写一些 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 文件，让头部和 body 缩小到另一个 %，但我不知道从哪里开始，如何开始以及 % 必须是多少。希望你们能帮助我，我将不胜感激!

Answer 1

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

最小宽度:1260px；在 default.css 中添加到你的 body

像这样

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

这是因为您的大部分 div 的宽度为 1200，而您的边距为 30px，因此您的网站宽度应约为 1260px

我在你的网站上试过了，它有效

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

.slider-wrapper {
width: 100%;
margin: 0px auto;
}