浏览器窗口大小改变时页面尾部 footer 可以以原来宽度随滚动条显示
来源:互联网 发布:淘宝装修全套教程 编辑:程序博客网 时间:2024/05/21 17:23
今天在做前端页面时碰到一个问题,发现footer底部部分当改变浏览器窗口大小时(变小),底部的内容背景色看到的区域也变小了,滚动条向右拉动,右边留白了一部分,而左边的内容不能显示完整,就像下图这样:
想把它做成人家这样:
于是思考半天想出来解决方案,很简单,给body设置一个最小宽度值属性 min-width 即可:
body{ min-width: 1080px; margin:0; padding:0;}
happy!
1 0
- 浏览器窗口大小改变时页面尾部 footer 可以以原来宽度随滚动条显示
- JS获取浏览器窗口大小 获取屏幕,浏览器,网页高度宽度。判断出现滚动条
- 做网页时如何使格式不随浏览器大小改变而是出现滚动条
- 浏览器窗口大小改变时,动态改变div高度和宽度
- 浏览器滚动条改变
- 页面大小、窗口大小和滚动条位置
- 改变窗口大小后跟踪滚动条位置
- 浏览器不显示滚动条,IFREAM显示滚动条并自适应宽度。
- 随窗口大小改变可以上下左右滚动的表格(表格标题固定,IE6)
- 在浏览器窗口大小变化时,自动出现或隐藏滚动条,隐藏横向滚动条,仅保留纵向的
- chrome浏览器中 父元素改变大小后 改变子元素大小 滚动条还在
- javascript在不同浏览器设置窗口高度、宽度,改变窗口大小
- 浏览器窗口的高度和宽度,涵盖所有浏览器:(不包括工具栏/滚动条)
- 浏览器窗口缩小,水平滚动条自动显示出来
- 改变浏览器滚动条样式
- 浏览器窗口大小改变事件
- 改变webkit 内核滚动条宽度
- JQuery获取浏览器窗口的可视区域高度和宽度,滚动条高度
- com组件创建过程图
- [转译]5种方法提高你网站的登录体验
- 简谈一下时间轮(Time Wheel)
- c/c++ 寻址异常
- linux 相关命令
- 浏览器窗口大小改变时页面尾部 footer 可以以原来宽度随滚动条显示
- 博弈论SG函数
- Android开发笔记(一百一十八)自定义悬浮窗
- 线程、同步与锁——Mutex想说爱你不容易
- tcp/udp/http协议详解
- Android 为弹窗添加动画效果
- HDU-5810-Balls and Boxes-数学推导(找规律)
- 跨域请求
- 自建的用户登录执行数据库邮件出现错误