前端页面设计（html）---基础常见问题

如何让页面元素稳定，即不随页面的放大缩小而改变页面元素在页面中的原始位置？
解决办法： 标题div外框架元素的宽度和高度应该用px设置，外边距margin应用百分比的形式进行设置；其次标题内部的元素应用百分比设置宽高和margin；最后也是最重要的一步body节点应设置margin：auto。（因为根据盒子模型来看，margin是元素的外边距，而页面的放大缩小正是改变的margin外边距大小【页面比例发生了变化所导致的】，而auto的设置正是为了让其自适应页面比例的大小）

效果图如上

页面主要内容如何不随页面放大和缩小而发生变化？
解决办法 首先页面的全部元素都应该放进一个div(命名为biggest）里面【最外面的div】，然后biggest里面的各个模块应设置css属性position：relative。