我制作了一个HTML页面,其宽度和高度均为百分比“这对于我的设计可以使用所有分辨率来说是主要的”,但是当我重新调整网页浏览器大小时,一切都将被损坏。
有没有办法,当我重新调整我的网页浏览器的大小,我可以滚动页面?如何阻止我的html页面调整大小
3
A
回答
1
处理此问题的唯一方法是使用脚本。看看其他例子,例如人们在页面底部浮动页脚。
使用jQuery你可以做这样的事情: -
<script type="text/javascript">
$(document).ready(function() { setPanels(); });
window.onresize = function() { setPanels(); }
function setPanels() {
var windowHeight = $(window).height();
var content1Height = $('#topDiv').height();
var content2Height = $('#bottomDiv').height();
// Now calculate the new splits and adjust heights
...
</script>
1
1
您无法阻止最终用户调整浏览器大小。
但是,您可以将您的网站构建为固定的高度/宽度元素,然后使用CSS将该元素居中放置在页面上。
例
#main-container {
width: 300px;
height: 400px;
position: absolute;
top: 50%;
left: 50%;
margin-left: -150px; /* half of the width */
margin-top: -200px; /* half of the height */
}
我想你可能会迫使浏览器的宽度与高度的JavaScript,以及在onResize事件,但是这可能会惹恼你的最终用户。
相关问题
- 1. NSDrawer阻止调整大小
- 2. 自动调整大小的HTML页面
- 3. 禁用页面调整大小HTML
- 4. 禁用html页面调整大小
- 5. html网页调整大小
- 6. 阻止div在窗口大小调整
- 7. Angular Gridster阻止调整大小
- 8. Dojo DataGrid - 阻止列大小调整
- 9. 如何以可调整大小的方式嵌入HTML页面?
- 10. 如何在HTML页面中调整SWF大小?
- 11. 如何阻止我的小程序刷新我的GWT页面?
- 12. 如何阻止对html页面
- 13. 阻止整个页面
- 14. 如何阻止元素在移动设备上调整大小?
- 15. 如何阻止窗口调整大小并移动窗口?
- 16. 如何阻止Visual Studio调整控件大小?
- 17. Android的调整大小/浮动页面
- 18. HTML,调整浏览器大小时页面上的停止元素
- 19. 什么阻止我调整窗体对象的大小(缩小尺寸)?
- 20. jcarouselPagination:调整大小'页面'变量
- 21. Magento产品页面调整大小
- 22. 需要调整大小页面scrollToFixed
- 23. 调整窗口上的html元素的大小调整大小
- 24. 在用户调整大小后停止调整jpanel的大小
- 25. HTML - 减小页面大小
- 26. 如何防止调整窗口大小时移动HTML元素?
- 27. 如何在窗口调整大小时停止HTML元素gettting?
- 28. 试图调整整个页面的大小(IE缩小一切)
- 29. 如何阻止wordwrapped-JTextArea从调整大小以适应大型内容?
- 30. 如何制作调整大小以适应页面宽度的HTML网格?
可能我谦恭地提出,如果你去到“与所有决议的工作”,但它并不适用于所有的工作的决议(窗口大小) ,你错过了你的目标? – deceze 2010-03-25 05:51:43