我已经在div的大部分元素中使用了绝对定位。但是当我调整窗口的大小时会隐藏一些元素。当我调整窗口大小而不改变绝对定位时,不能自动调整页面大小? 使用东西window.onresize()
如何自动调整页面大小,同时调整窗口大小
0
A
回答
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 Fundamentals,Responsive Web Design: What It Is and How To Use It
+0
实际上,将px值更改为%或ems可能不是必需的,特别是如果您使用媒体查询。有时候,你故意想要px是有原因的。 – light
1
你可以这样做很容易地使用一些CSS框架,像引导至极能提供一个完整的解决方案,并不完美,但易于学习和不被忽视
相关问题
- 1. 调整窗口大小时调整页面大小
- 2. 调整窗口大小时自动调整TableLayoutPanel行的大小
- 3. Gridpanel在调整窗口大小时自动调整大小
- 4. 在窗口调整大小时自动调整图像大小
- 5. 在窗口调整页面大小调整大小
- 6. 在调整网页窗口大小时调整图像大小
- 7. WPF防止datagrid自动调整窗口大小调整大小
- 8. 如何在调整窗口大小时调整图像大小?
- 9. 自动调整大小,仅在窗口变大时调整大小
- 10. extjs面板调整大小,而窗口大小调整
- 11. 自动调整主窗口调整大小的窗口
- 12. 如何在隐藏窗口小部件后调整窗口大小,同时仍允许调整窗口大小?
- 13. PyQt4 - 从动画调整大小区分窗口大小调整
- 14. 当文本框调整大小时,窗口大小调整
- 15. 宽度:调整窗口大小(CSS)时调整大小100%
- 16. 窗口大小调整时禁用调整大小特定格
- 17. 调整窗口大小时调整组件大小
- 18. QTableView在调整主窗口大小时没有调整大小
- 19. 当窗口调整大小时调整文本大小Python/Kivy
- 20. jquery调整大小只有有时在窗口调整大小
- 21. 当调整大小时,jquery窗口调整大小错误
- 22. 在调整窗口大小时调整UI元素的大小
- 23. 当窗口高度调整大小时调整图像大小
- 24. 调整窗口大小时调整大小
- 25. 自动调整WPF窗口大小
- 26. 如何在窗体大小调整时自动调整网格大小?
- 27. 当调整窗口大小时移动
- 28. 初始窗口大小/调整大小
- 29. 查看窗口大小调整大小
- 30. 调整大小窗口的大小
绝对定位通常是一种糟糕的布局方法......它非常不灵活,因为你已经找到了。有更好的选择可用:[** LearnLayout.com **](http://learnlayout.com/) –
你需要显示你的问题的片段之前,任何人都可以真正帮助你的问题。 – light