2015-06-14 149 views
0

我已经在div的大部分元素中使用了绝对定位。但是当我调整窗口的大小时会隐藏一些元素。当我调整窗口大小而不改变绝对定位时,不能自动调整页面大小? 使用东西window.onresize()如何自动调整页面大小,同时调整窗口大小

+1

绝对定位通常是一种糟糕的布局方法......它非常不灵活,因为你已经找到了。有更好的选择可用:[** LearnLayout.com **](http://learnlayout.com/) –

+0

你需要显示你的问题的片段之前,任何人都可以真正帮助你的问题。 – light

回答

0

您想让它响应。要做到这一点,你应该看看如何设计相对于浏览器窗口的元素。这是通过%ems(相对值)更改px值完成的。

以后你也可以设置media queries。这些样式只适用于当特定语句的计算,如:

@media screen (max-width:500px) { 
    /* Styles here only apply if the browser window has min-width 500px */ 
} 

这里有一些链接,在读了起来:Responsive Web Design FundamentalsResponsive Web Design: What It Is and How To Use It

+0

实际上,将px值更改为%或ems可能不是必需的,特别是如果您使用媒体查询。有时候,你故意想要px是有原因的。 – light

1

你可以这样做很容易地使用一些CSS框架,像引导至极能提供一个完整的解决方案,并不完美,但易于学习和不被忽视

相关问题