页面宽度自适应 jquery动态设置css样式
建站知识 2021-07-03 08:15www.168986.cn长沙网站建设
最近在做项目的时候,客户要求点击父页面的一个按钮以后,整个父页面向左移动,左侧则用来显示图片,这样用户可以照着左侧图片在页面上填一些信息。结果可能在最初是设计的时候就有问题,设计的样式是这样的,点击父页面(页面宽度设置为100%)上的一个按钮整个页面往右侧移动页面比例为原来的50%,左侧弹出一个dialog页面,占整个页面的50%,结果dialog和原页面不在一个层上,dialog直接弹出的,并不在div里边,且dialog好像不能设置百分比,只能设置具体的像素,所以在尺寸不同的电脑上,dialog和原页面之间的宽度不一样。结果问了一下UI工程师,工程师的解决办法是
function viewPictures() {
var link = "${ctx}/upload/showBigImageReport/null?idNumber=${idNumber}&applyId=${applyId}&imgType=null&resType=CUSTOMSERVICE&sign=";
parent.$.ligerDialog.open({ url: link,name:'pagerForm', width:700,height:950,modal:false,:0,left:0,isDrag:false,allowClose:false,isResize:true});
/ $("#bankStatement"). css({width:"620",float:"right"});
$("#pepoleBankReport"). css({width:"620",float:"right"});
$("#othersInfo"). css({width:"620",float:"right"}); /
$("#entirety"). css({width:document.body.clientWidth-710+"px",float:"right"});
}
即再打开dialog窗体的时候,将网页可见区域宽(width:document.body.clientWidth)-dialog本身的宽度(710)然后让原页面右漂浮,面的昂算是解决了,但原来要求的比例实现不了了,暂时只有这么解决了,不知道各位还有其他想法吗?
复制代码
代码如下:function viewPictures() {
var link = "${ctx}/upload/showBigImageReport/null?idNumber=${idNumber}&applyId=${applyId}&imgType=null&resType=CUSTOMSERVICE&sign=";
parent.$.ligerDialog.open({ url: link,name:'pagerForm', width:700,height:950,modal:false,:0,left:0,isDrag:false,allowClose:false,isResize:true});
/ $("#bankStatement"). css({width:"620",float:"right"});
$("#pepoleBankReport"). css({width:"620",float:"right"});
$("#othersInfo"). css({width:"620",float:"right"}); /
$("#entirety"). css({width:document.body.clientWidth-710+"px",float:"right"});
}
即再打开dialog窗体的时候,将网页可见区域宽(width:document.body.clientWidth)-dialog本身的宽度(710)然后让原页面右漂浮,面的昂算是解决了,但原来要求的比例实现不了了,暂时只有这么解决了,不知道各位还有其他想法吗?
长沙网站设计
- 如何进行东阳SEO关键词优化?
- 边坝哪有关键词排名优化:提升你的网站流量与
- 安国百度优化服务:提升您的在线可见性
- 阜康新手做SEO怎么做
- 山西seo网站排名关键词优化:提升您网站曝光率
- 临沂seo网站排名关键词优化:提高你的网站可见
- 广西SEO网站推广怎样付费比较合理
- 双辽SEO网站推广:提升你的网站可见性与流量
- 辽宁企业网站优化购买方式有哪些
- 提升宝清百度SEO排名的实用技巧与策略
- 静宁百度SEO排名:提升您网站曝光率的关键策略
- 彭州百度SEO排名的提升策略和实施指南
- 广南百度关键词SEO:提升网站排名的关键策略
- 辽宁关键词优化怎么做论坛营销
- 吉林百度seo排名如何做到让用户满意
- 内黄百度优化服务:提升在线可见性的关键