网页设计div布局大小（网页div基本布局）
本文目录一览：
- 1、做响应式网页,如何让一个div的高和宽保持比例放大或是缩小?
- 2、在网页设计里,怎样把div固定大小,不因内容而改变的大小
- 3、利用html建立网页怎样利用div调整网页的尺寸?
- 4、网页设计中页面尺寸标准
做响应式网页,如何让一个div的高和宽保持比例放大或是缩小?
1、最后，通过设置元素的宽度和高度为百分比值（例如 50%），使其相对于父级元素的大小进行缩放。这样，当浏览器窗口缩放时，元素的位置和大小将根据父级元素的大小进行自适应调整。
2、宽度的自适应是根据viewport的width来调整的，比如{width：50%}就是浏览器可视区域的50%，resize之后也会自动调整。
3、如果确实希望怎样缩小放大排版均不会发生变化，直接使用百分比布局即可，不需要额外的技术，但用户体验肯定不够好。做一个网页，不仅只靠js，主要分为结构层，样式层，交互层。
4、一般缩小是说的宽度，毕竟用户的浏览器和分辨率大小不一样。最外层一个div然后再套一个div，然后里面放正文。
5、放大缩小不改变排版，这一般是指前端的响应式技术。当然，响应式技术也有一定的界限范围的。如果将电脑端的网页，缩小放到手机端也不改变排版，这样出来的效果会很差。
6、例如将一个div设置其宽度为100%高度为auto，那么我们将会发现无论浏览器是变大还是缩小，这个div一直居中。这就是流动性的好处响应式网页设计的操作响应站点使用流体网格即所有页面元素都会按比例调整大小，而不是像素。
在网页设计里,怎样把div固定大小,不因内容而改变的大小
1、如果想要保持布局不变，可以给该元素（如div）设置最小宽度属性。在网页中，如果一个元素没有设置最小宽度（min-width），这时当浏览器缩小到一定程度时，元素中的布局可能会发生变化。
2、方法 用Table，给其固定宽度，这样就可以限制其大小，并且可以让其居左、中、右；或者手动输入值，让其固定于某一位置，这个就简单了，你用dreamweaver插入表格即可明白，请尝试。
3、高度自适应较好解决，将高度设为自动，如：aa{height：auto；}。宽度自适应将宽度设为百分比的方式，如：.wai{widht：98%；margin：0 auto；}/*宽度占整个屏幕的98%，且水平居中显示*/。
4、div style=height：100px； width：200px； border：1px #f00 solid； overflow-x：hidden； overflow-y：scroll； 如何在固定一个div大小之后，当div中内容长度大于div长度时，不让div高度增加，只出现一个滚轮。
5、用一个大层把所有的层都装在里面，设置好大层的合适的高度和宽度，就可以了。就是水一样，把它倒在地上它就会散开到处流，如果把它装到杯子里，那就成了一个整体了，那样就好控制了。
6、不论你如何设置内边距和外边距，width如果写好了，那么放载内容的宽度始终是width的值。但是，这整个的div占的地方就不一样了。会随着内边距、外边距、边线、width的改变而改变。
利用html建立网页怎样利用div调整网页的尺寸?
若想控制所显示的内容所占范围，可以将其放到容器中，如表格或DIV中，通过控制容器大小来控制内容的范围的大小。
先新建一个html文件，并在head中添加样式表【styletype=text/css/style】。在body中添加一个DIV，并引入一个CSS，命名为【aaa】。给这个DIV添加背景色，并定义它的宽和高。
用table的话，宽度采用百分比，比如width=“98%”，表格居中align=“center”就可以了。\x0d\x0a用div的话，宽度仍然采用百分比，样式margin： 0 auto；就可以自动居中了。
要使元素的位置随着浏览器窗口的缩放大小比例变化，你可以使用 CSS 中的相对定位和百分比单位来实现。
网页设计中页面尺寸标准
网页设计合适页面尺寸：800*600下，网页页面宽度保持在778以内，就不会出现水平滚动条，高度则视版面和内容决定。
pc端网版页的设计稿尺寸是宽度1920px，高度最小是1080px，主体内容在权1200px内就行，比较规范。移动端网页的设计尺寸可以考虑680px和720px。
在1024*768分辨率下，页面宽度应在1003px以内，如果仅一屏显示的页面，高度在612px～615px之间，这样横向和纵向滚动条都不会出现。在photoshop中做800*600分辨率下仅一屏的网页时，尺寸可以设为740*560左右。
其实也没有硬性规定，但是为了兼容大多数浏览器一般是设置960px，随着现在浏览器分辨率的变化，已开始向着1000px，1200px宽度发展，例如淘宝（1000px）京东商城（1200px）。
网页设计选用的分辨率是72像素，使用的画布尺寸1920px*1080px。但是并不意味着在整个画布上进行设计，一般采用全屏展示和两侧留白的方式。全屏展示，是整个网站看起来大气一些，但是布局要合理安排，不然看起来有些傻大的感觉。
在ps里面做网页可以在1003*600状态下显示全屏，页面的下方也不会出现滑动条，尺寸为1003*650像素左右 。在IE0下，宽度为显示器分辨率减21，比如1024的宽度-21就变成1003。
