页面缩放不影响布局方法,类似百度那样
2016-12-21 13:59
281 查看
只要在布局时在最外面再套一层div,然后给这个div赋一个固定的长宽就可以了。
代码类似这样:
比如在最外层套一个
main的css代码如下:
#main{
width:1366px;
height:457px;
MARGIN-RIGHT: auto;
MARGIN-LEFT: auto;
}
这样就可以达到那样的效果了。
代码类似这样:
比如在最外层套一个
<body><div id="main"></div></body>
main的css代码如下:
#main{
width:1366px;
height:457px;
MARGIN-RIGHT: auto;
MARGIN-LEFT: auto;
}
这样就可以达到那样的效果了。
相关文章推荐
- IE6789浏览器使用console.log类似的方法输出调试内容但又不影响页面正常运行
- Easyui - dialog,window影响父页面布局的BUG解决方法
- ASP.NET页面中window.open方法对history对象的影响及解决
- vs2005 + ASP.NET 页面布局应注意问题及方法步骤
- 页脚最小高度100%保持在页面底部的布局方法
- 零高度 iframe对页面布局的影响
- 实现类似路由器那样通过WEB页面配置设备
- DIV+CSS页面布局中注意的问题以及常用的CSS使用方法
- 键盘显示影响布局的解决方法
- 解决 ASP.NET 中执行js代码后页面布局变不正常的方法
- 引用百度popup.js页面无响应的解决方法
- CSS - 多栏页面的布局方法
- 类似Google个性首页的页面自定义拖拽布局
- 让页面绝对居中,且可以随便改变页面布局兼容所有现代浏览器的方法
- 关于Asp.net2.0下Div+Css页面布局样式失效的解决方法
- 用php实现让页面只能被百度gogole蜘蛛访问的方法
- 类似Google个性首页的页面自定义拖拽布局
- CSS在页面布局中实现div垂直居中的方法总结
- CSS在页面布局中实现div水平居中的方法总结(转)
- CSS+div页面水平居中的布局方法总结