控制页面最大最小宽度
来源:互联网 发布:淘宝名叫什么好 编辑:程序博客网 时间:2024/06/06 09:09
需求:设计页面时一般都是“最大化”显示,但是当手动缩小页面时,页面中的<div>节点就会因为窗体容器的缩小而下沉。为了控制这一问题,下面使用 css 来对宽度进行控制。
<div style="width:200px; min-width:200px; width:expression_r(document.body.clientWidth < 200 ? 200:201); max-width:800px;"><div>
代码中
min-width:200px 用来控制最小宽度
width:expression_r(document.body.clientWidth < 200 ? 200: 201) 三元表达式来控制最小宽度
max-width:800px 用来控制窗体的最大宽度
效果:
<div>部分的宽度被控制在 200px ~ 800px 之间,如果窗口宽度小于这个数值,<div>也不会下沉变形。
0 0
- 控制页面最大最小宽度
- 控制页面的最大最小宽度
- 控制页面最小宽度
- CSS 控制最小最大高度宽度
- CSS设置页面最大最小宽度
- CSS控制页面最大最小宽度和高度可兼容IE6版本的实现方法
- CSS控制div宽度最大宽度/高度和最小宽度/高度
- 页面最小宽度设定
- 页面的最小宽度
- IE中的最大最小宽度和高度
- IE6的最大最小高度和宽度
- 用jquery控制图片的最大宽度
- CSS控制图片的最大宽度
- 用JS控制图片最大宽度
- 用jquery控制图片的最大宽度
- 设置最小宽度 最小高度 最大宽度 最大高度的作用
- div模拟textarea以css控制最大高度和最小高度实现高度自适应实例页面
- CSS的最大高度,最小高度及宽度问题
- Anroid studio遇到的问题6---Error opening trace file: Permission denied ;No such file or directory
- 剑指Offer_41_和为S的连续正数序列
- 触发器
- View,ViewGroup的onMeasure与onLayout
- HTML5--使用表单外的元素
- 控制页面最大最小宽度
- Qt服务器的搭建
- Qt 中 链接Ws2_32.lib
- QT设置应用程序图标
- 输入子系统框架开发
- for循环中加入延时函数setTimeout
- 爱读最新地址
- iOS 开发中你是否遇到这些经验问题(一)
- iOS录音