使用css创建的页面没有响应

时间:2014-04-03 17:25:09

标签: html css responsive-design

首先,抱歉,如果这个问题太愚蠢......

我在两周前开始学习CSS,至于练习我已经开始了一个侧面项目来应用我学到的东西...由于我的学习,我已经完成了以下网站..它只是一个主页...唯一的问题是..如果我调整浏览器的大小以检查响应性,它会在底部的欢迎内容的右侧和底部切割部分......

我已经尝试并应用了我在互联网上找到的所有东西,但无法破解它..请帮助这个..哦,而且不仅仅是告诉错误,如果你能说它是如何工作那将是非常好的所以我可以学习并在将来使用它...谢谢..

因为它很大,代码在下面的链接中。请帮助...

http://jsbin.com/fimot/3/edit

2 个答案:

答案 0 :(得分:0)

.box.login使用百分比大小,它相对于容器大小,相对于视口大小。因此,实际上,您的布局具有响应性 - 比您想要的更具响应性。

我的建议是在{例}}中添加min-width CSS属性。 ems(因此它与容器的宽度无关),以防止它低于使其变得丑陋/无法使用的大小。

答案 1 :(得分:-1)

您的.box.login具有变量值,这取决于屏幕尺寸。您应该在此处使用修订值(例如px)以使其处理调整大小。然后它不会被调整大小,在这种情况下应该是首选。