htmlpc端百分比布局(html width 百分比)

我们先来看看什么是视口，视口就是浏览器显示页面内容的屏幕区域 视口可以分为布局视口视觉视口和理想视口，他又可以分成一下四种 一般移动设备的浏览器都默认设置了一个布局视口，用于解决早期的PC端页面在手机上显示的。

1将网页修改为百分比布局 当某个浏览窗口处于媒体查询固定的范围之外，网页就需要水平滚动才能完整浏览，而通过百分比布局可以页面元素根据窗口大小在一个又一个媒体查询之间灵活修正样式，具体来讲，就是css代码不会指定具体。

网页基础的布局主要有三种 静态布局流失布局弹性布局 静态布局 静态布局采用像素px作为页面设计的单位在不同的显示宽度下，页面元素大小都是固定的 流式布局 流式布局以百分比设定页面宽度，当显示区域变化时，页面布局会等。

css框架如960，blueprint，但有时也需要设计一些独特的布局本文我们要探讨如何将黄金分割理论运用到网页设计中，大部分涉及到的技术也同样适用于其他的设计或艺术类工作，当然主要还是针对于网站设计布局黄金比例 黄金分割又。

一百分比布局 width宽度的百分比是相对于父盒子width内容宽的比没有父盒子就是相对于浏览器的宽height高度的百分比是相对于父盒子height内容高的比padding，marginpadding和margin不管任何方向百分比都是相对于父盒子。

分别获取左右两栏的高度，对比，得到最高的那栏，将低的一栏设定为高的那栏就好jsvar LH = documentgetElementById quotleftquot offsetHeightvar RH = documentgetElementById quotrightquot offsetHeightifLH。