页面缩放布局控制
来源:互联网 发布:软件下载吧 编辑:程序博客网 时间:2024/05/22 01:46
页面缩放影响到布局有很多种情况,在此仅记录我遇到过的一种情况:
自己在做业面过程总,经常遇到一个问题:
页面控件需要与背景图片对应上,例如下图所示:
图中显示为背景图片,现欲把text框与图片中的text位置对应。
这是一个登录页面,因此开始的时候我设置了该图片为登录页面的背景图,另外用图片边缘色做页面的背景色。输入框控件则放置在div中,通过设置margin使其和图片相应位置对应。浏览可以达到效果,可是如果此时缩放页面(ctrl+鼠标滚动)就会出现位移,完全对应不上。如图:
对于此问题,经过尝试,我的解决办法是,将要覆盖的图片部分和文本框放在一个容器(div)中,作为一个整体。即,将文本框放入div中,根据图片大小设置div大小,并将div 的背景设置为该图片,然后调整文本框在div中的位置直到对应上。
进行了这样的“捆绑”后,再对网页缩放,就不会出现上述文本框与图片偏移的问题了,他们将会作为一个整体同比例缩放。如图:
- 页面缩放布局控制
- 控制页面缩放 css--zoom
- web页面布局控制
- frameSet控制页面布局
- 触摸控制布局移动和缩放
- 浏览器缩放时,页面布局发生变化
- 用Sitemesh控制页面布局
- 通过样式控制页面布局
- \t\t用js控制页面图片等比缩放 css图片等比缩放 比例缩放显示 js 页面 缩放图片 js缩放图片 图片按比例缩放
- 页面缩放不影响布局方法,类似百度那样
- css中控制元素的浮动和页面布局
- 通过js控制页面元素的响应式布局
- css整体缩放布局
- Android整个布局缩放
- Flex-缩放自适应布局
- jQuery实现等比例缩放大图片让大图片自适应页面布局
- javascript代码控制图片在页面显示时等比例缩放
- javascript控制图片缩放
- NSArray NSDictionary NSFileManager基本操作
- Asp.Net 传值方式
- 六度好友
- mini2440 u-boot实现usb slave下载功能!
- jquery 表格插件
- 页面缩放布局控制
- Oracle10g新特性:使用DBMS_SQLTUNE优化SQL
- 【博弈】poj1704 Georgia and Bob
- 一个男人该有的气质 (马云原话),二十几岁女孩该有的内涵(杨澜)。
- Tomcat中主目录配置与虚拟目录配置问题自我总结
- 关于MFC下检查和消除内存泄露的技巧
- ADO数据库编程入门(上)
- java计算器源码
- 放心吧!我不会再打扰你了,因为我没有理由