我用的是bootstrap3，因为页面要自适应，所以给body设置了width:100%,然后因为
bootstrap的列宽度有点差距，所以给每列又重新设置了宽度，类似这样：
这里要说明一下，因为bootstrap自带的col-lg-2 太窄而col-lg-3又太宽，所以才会这样设置，可是每次缩放的时候（ctrl+滚轮），整个页面都错乱得不能看，因为一旦固定了这个宽度百分比，它就一直这么宽，不会随着页面放大。请问有什么解决办法吗
HTML5页面缩放排版错乱
- 写回答
- 好问题 0 提建议
- 追加酬金
- 关注问题
分享- 邀请回答
-
1条回答
- 2022-11-09 19:05回答 2 已采纳 html+css如何使网页缩放不影响网页变形可以运用这两个属性 @media 和 screen这个可以让你在不同的分辨率下显示不同的样式举例1234.abc{width:1200px;margin:
- 2017-04-06 08:26回答 7 已采纳 在html顶部加 ``` ``` 字体会随页面的变化而变化
- 2021-11-02 09:28回答 3 已采纳 思路大概是监听页面缩放比例，然后动态的改变节点的大小，来保存不论缩小或者放大 你的节点保存相对不变 <script> window.addEventLi
- 2019-11-07 15:26柳落青的博客 如果元素有设置max-width或者min-width，缩放到一定程度是该元素就不会受到缩放倍数的影响（放大时页面会产生滚动条）； 如果页面是百分比布局，没有设置max-width或者min-width，窗口不会产生滚动条 ...
- 2022-11-08 10:04回答 2 已采纳 你可以用定位来固定你的盒子，子绝父相以下代码只是做了个简单的测试 <!DOCTYPE html> <html lang="en"> <head> <met
- 2021-08-13 19:56回答 1 已采纳 你在程序内部把那个框框改一下，改成常见的符号试一试，比如#或@
- 2022-02-14 15:23回答 3 已采纳 百分比 + rem布局
- 2023-03-01 23:42Mr.Joden的博客 网页布局(解决浏览器缩放页面乱版问题)
- 2019-04-18 14:58回答 3 已采纳 宽度用百分比，高度自适应
- 2021-05-30 21:11回答 1 已采纳 offsetleft也按你的缩放比进行换算一下在用于其他计算
- 2015-03-02 03:01回答 2 已采纳 1、禁止用户缩放很简单，head上加上 这个即可； 2、页面上的元素宽高都不要使用固定值，使用百分比来设置；
- 2021-08-10 14:54捞起月亮的渔民~的博客 【方法一】 下图缩小窗口排版全乱 给body 加上这两行代码，让上下外边距为0，左右两个外边距自动相等，和方法二...1200px 时，会生成导航条将内容隐藏，但是页面的排版布局不会乱 width: 100%; min-width: 1200px;
- 2020-07-23 09:57回答 1 已采纳 a页面载入iframe的时候，按照宽高都是百分比设置，设置成100％。
- 2019-08-07 17:33大神，求带的博客 简单的说就是设置body的宽度，那么如何动态的获取浏览器减去侧边滚动条之后的宽度，原理就是通过创建一个带有 滚动条的div（也就是overflow:scroll），利用offsetWidth-clientWidth...缩放排版错乱的问题，代码展示...
- 2020-09-08 16:58凌冰_的博客 使用鼠标放大缩小页面时，就会出现页面混乱： 解决： （1）使用百分比，可以兼容大部分浏览器,必须加一个相对定位！ （2）使用响应式布局，可以使用框架哦！ <link rel="stylesheet" type="text/css" ...
- 没有解决我的问题, 去提问
悬赏问题
- ¥15 虚拟机打包apk出现错误
- ¥30 最小化遗憾贪心算法上界
- ¥15 用visual studi code完成html页面
- ¥15 聚类分析或者python进行数据分析
- ¥15 逻辑谓词和消解原理的运用
- ¥15 三菱伺服电机按启动按钮有使能但不动作
- ¥15 js，页面2返回页面1时定位进入的设备
- ¥50 导入文件到网吧的电脑并且在重启之后不会被恢复
- ¥15 （希望可以解决问题）ma和mb文件无法正常打开，打开后是空白，但是有正常内存占用，但可以在打开Maya应用程序后打开场景ma和mb格式。
- ¥20 ML307A在使用AT命令连接EMQX平台的MQTT时被拒绝