html页面放大缩小样式不变,网页缩小放大后错位的解决方法

今天同事人说网页缩小放大错位了，我就看了下真的错位了！纳闷怎么会这样,我仔细的看了看(心想谁会把网页缩小放大了看)，最后还是没办法说服上级，只能找方法解决了。经过仔细查看找到了问题所在。

有多种原因。

1、因为宽度原因。

2、浮动原因(我就是这个问题)

我是一个大DIV(固定宽度的)里面有两个小DIV(也是固定宽度的)一个左边一个右边。我也不知道为什么会错位，我就试着改样式。

左边宽度不变,右边我把宽度去掉了,并且去掉了浮动。加个margin-left:左边的宽度。然后就正常了。

代码如下:

无标题文档

.clearfix:after{ content:"."; display:block;height:0;clear:both; visibility:hidden;}

*html .clearfix{height:1%;}

*+html .clearfix{height:1%;}

.clearfix{display:inline-block;}

.clearfix {display:block;}

.com{width:800px;padding:10px;border:1px solid #333;background:#eee;}

.left,.right{height:100px;}

.left{width:200px;background:#f60;float:left;display:inline;}

.right{margin-left:200px;background:#000;}

.r_c{width:100%;margin-right:10px;}

adfaaaaaaaaaaaaaaa

adfaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa

这样就解决了网页缩小放大的问题

大家有什么问题或技术上的想法可以在此与大家分享，也可以加入前端爱好者QQ群(141999928)一起学习进步：【幸凡前端技术交流群】

如果您觉得本文的内容对您的学习有所帮助，捐赠与共勉，支付宝(左)或微信(右)

html页面放大缩小样式不变,网页缩小放大后错位的解决方法相关推荐

计算机网络中常用设备处于脱机状态,win7 64位系统网络正常网页提示处于脱机状态的解决方法...
据了解,win7系统用户平时使用电脑过程中花费时间最多是浏览网页.在浏览网页时有时候会时不时的弹出脱机提示:请求的网页在脱机状态下无法使用.要查看该页请单击"连接".可是我们的网络 ...
ie11不兼容java_IE11浏览器网页不兼容的四种解决方法
Edge浏览器已然成为最新win10系统的默认浏览器,但是用户量却远远不及IE11,IE11虽然性能得到了大的改进,但在浏览网页的时候还是会出现一些兼容性的问题,下面小编就讲为大家分享IE 11浏览器 ...
safari浏览器找不到服务器怎么办,safari打不开网页因为服务器已停止响应解决方法...
safari打不开网页因为服务器已停止响应解决方法如下: 1.关闭手机或者苹果设备的wifi再打开了; 2.如果不行的话---设置--wifi一点击你的无线路由一选择忽视此网络一退回一重新查找wifi ...
在联网状态下,有很多网页或者应用无法联网问题,如360安全卫士, Smartscreen筛选器无法访问, 部分网页无法访问等问题的解决方法
在联网状态下,有很多应用无法联网问题,如360安全卫士, Smartscreen筛选器无法访问, 部分网页无法访问等问题的解决方法解决方法: 打开IE浏览器打开设置, 选择Internet选项找 ...
学校服务器网页400,windows系统网页400 Bad Request报错解决方法介绍
我们在使用windows电脑的时候经常会遇到一些问题,就比如我们有的时候在打开浏览器的时候网页有提示400 Bad Request报错,那么遇到这种我们该怎么去处理呢?下面就给大家介绍下网页报错:40 ...
织梦dedecms 静态网页生成速度很慢的解决方法
织梦dedecms 静态网页生成速度很慢的解决方法,从dedecms官网论坛找到个合适的代码: 打开 include/inc/inc_fun_SpGetArcList.php 找到: for($i=0 ...
html按钮超链接错误403,电脑使用浏览器打开网页提示网站拒绝显示此网页和HTTP 403禁用的解决方法...
最近有用户在电脑系统中使用浏览器打开网页的时候,显示网站拒绝显示此网页和HTTP 403错误,具体问题现象如下所示: 故障原因分析: 这样的错误通常发生在单个网站上,应该是系统调用错误的登录缓存信息引 ...
html页面消除横向滚动条,框架网页中去掉横向(水平)滚动条的方法
有的时候,我们可能需要在网页页面中嵌入框架页面,嵌入之后可能会由于框架页面中的页面过宽而会出现横向(水平)滚动条的现象,这样非常不便于浏览者的习惯,我们往往习惯于垂直滚动条,所以在这里向大家介绍一种框 ...
img 在video上面_HTML,img,video无法铺满屏幕解决方法，同视频做网页背景无法全屏的解决方法...
我在这里用视频做为网页背景,给视频设了100%宽高,在firebug也显示video的宽高和页面是一样的,但是效果却没出来,视频没有铺满屏幕.下面是我的代码(原代码,错误的) *{margin: 0; ...

html页面放大缩小样式不变,网页缩小放大后错位的解决方法

html页面放大缩小样式不变,网页缩小放大后错位的解决方法相关推荐

最新文章

热门文章