html5div缩放，html解决缩放div错位

html中加了很多层div,为什么网页缩小时各部分会错位

1、首先你是不是同时登入了几个旺旺号，然后你的系统可能出现了混乱，你先全部退出，然后清理浏览器，然后再重新登入旺旺号。

2、你写的css代码不规范造成的。你可以把你的代码贴出来，可以帮你看下你写的缺少的东西。

3、这种情况是网页布局时div没有规定位置。你如果最初就设置了div的属性规定了大小或者位置，那么这个div就不会随窗口变大变小而改变了。如果在右侧，那么浏览器下方将会有个滑动栏。

4、如果想要保持布局不变，可以给该元素（如div)设置最小宽度属性。在网页中，如果一个元素没有设置最小宽度(min-width)，这时当浏览器缩小到一定程度时，元素中的布局可能会发生变化。

5、引申：ff 和ie 下对容器的margin-bottom，padding-bottom的解释有时不一致，似乎与之相关。吞吃现象，限于篇幅，我就不展开了。

相关问答

Q1: 怎样让网页根据浏览器大小而缩放

点击进入浏览器。在浏览器下方找到缩放选项。点击右下方的下拉菜单，就可以放大和缩小网页的页面大小了。方法3 除了上述做调整软件的方法，这里两种快捷键的操作方法。

方法三：第一步在浏览器下方找到缩放选项。第二步点击右下方的下拉菜单，就可以放大和缩小网页的页面大小了。这样就可以使网页缩放自如了。

首先我们打开chrome浏览器，打开之后点击右上角的相关按钮，之后点击下拉菜单中的“设置”，如下图。进入设置中心，找到外观设置这个类目，在这个类目中找到“网页缩放”的相关按钮。

第二种方法：打开IE即浏览器，随便打开一个网页，然后点击浏览器右上角处的“页面（p）”---在弹出的菜单中择缩放---然后再选择100%---ok了。这种方法的优点是易确认网页显示的大小默认值，即100%。

Q2: div的宽度设计的是100%,可是放到手机上缩放之后结果就只能显示一半了...

1、页面布局有问题，有可能是给其他的div曾破了，建议你学学html5响应试布局，适配手机电脑。

2、还有就是你页面是怎么布局的，是否是自适应的。

3、指向文件错误，比如你的网页文件在A，但是你却指向了B。你把指向的文件放到网页文件内在试试。如果下载下来的图片大小规格完全一样的话，在photoshop中设置一个动作，就能批量处理了。

4、meta name=viewport content=initial-scale=1， maximum-scale=3， minimum-scale=1， user-scalable=no这个申明是移动设备用的，1：1显示设备屏幕大小，禁止缩放在手机上不能固定宽度，要按百分比写页面宽度。

5、单从你的图示来分析，应该是布局上有问题，最大可能是宽度设置有误或者浮动设置有问题。具体要贴出代码才能知道。

6、你的div宽度固定死了；width：740px； 手机上就会按照你的宽度来。手机的屏幕比电脑的屏幕小很多，所以你的文字在左边，右边就空了很大一部分。

Q3: 如何使div的位置随浏览器窗口缩放大小比例变化?

先使用【margin-left：-200px；】“-200px”这个数值自然就是DIV宽width：400px；的一半，并添加为负值。保存后刷新网页可以看到DIV已经左右居中了。

首先要把文档的宽度设置成百分比：body{height：100%；} 然后需要把div的宽度高度设置成百分比：div{width：50%；height：50%；} 下面是我写的一个实例，我把边框设置成1像素红色，方便看效果。

em(设置自体的大小，em可以让自体根据浏览器不同而更加优与阅读）；} .two{width：20%；font-size：em；} 注：通过这样设置，就可能拉动浏览器，盒模型的宽度就会随着你的拉动而变大缩小，但也是有一定限度的。

width：100%； max-width：100%；}。

Q4: 请问HTML5如何伸缩盒模型比例缩小放大,里面的文本内容也能等比例缩放...

1、使用-webkit-transform：scalce()来缩放。里面的内容也会跟着缩放。

2、键盘操作：Ctrl-（缩小比例）Ctrl+（放大比例）即可，其他技巧如下：1，网页缩放比例：如何设定固定的网页缩放比例？通常情况下，我们上网默认设置的字体大小和页面宽度为“100%”。

3、首先打开文本文档，选中要缩放的文本内容。右击选择字体，点击字符间距。在缩放中选择150%并确定，即可成功将文字缩放150%。

4、将两个对象组合为一个图形，这时“字”就可以跟着图形缩小和放大了。

5、选中需要放大的文本，单击“开始”选项卡中的“增大字号”按钮，可以10磅为单位放大字体。选中文本，直接在“开始”选项卡的字号框中选择需要的字号大小，数字以磅为单位。

html5div缩放的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于html解决缩放div错位、html5div缩放的信息别忘了在本站进行查找喔。