用于解决的CSS样式表

时间:2013-10-20 20:48:00

标签: javascript html css screen-resolution

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

1 个答案:

答案 0 :(得分:0)

修复您的问题,只需添加

即可

min-width:1260px;在default.css中你的身体

喜欢这个

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

这是因为你的大部分div都有1200宽度你有余量:30px所以你的网站宽度应该是1260px

我在您的网站上尝试了它并且可以正常工作

另外我注意到主页面中的滑块看起来不太好你只需要在这样的style.css文件中使滑块包装宽度为100%

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