博文纲领：
- 1、如何让div的大小占满整个屏幕
- 2、css怎么自动调整div的位置和大小
- 3、CSS/HTML:如何使下面的table高度占满整个页面呢?
- 4、css如何使页面缩小后不变大
- 5、如何让css背景图片占满全部背景,并且保持长宽比呢
如何让div的大小占满整个屏幕
1、首先使用HTML编辑器sublime_text，点击进入。开始写代码之前，先去查一下css中什么可以控制div的大小。知道怎么控制div盒子大小了，开始写代码，先写3个div盒子，然后分别控制它们的大小，分别给盒子取名字d1，d2，d3。
2、right{width：100px；height：103px；background-color：black；}div class=testdiv class=left /divdiv class=center /divdiv class=right/div/div如果只是自己规定的宽度就如上所示，如果你要用浏览器的宽度，那么就要用JS获取了，因为不同电脑的分辨率是不一样的。
3、调整屏幕分两种情况：设计网页和浏览网页 设计网页的话把“宽度”设置成100%就可以了，浏览网页的话在右下角会有缩放的选项，点击这个选项，再选择“宽度适配” 选项，或者同类选项就可以了。想要快捷的话，按着ctrl转一下滚轮就可以放大或缩小屏幕了。
css怎么自动调整div的位置和大小
先新建一个html文件，并在head中添加样式表【styletype=text/css/style】。在body中添加一个DIV，并引入一个CSS，命名为【aaa】。给这个DIV添加背景色，并定义它的宽和高。【background：#FA2；width：400px；height：600px；】。然后添加如下代码。
在CSS中，使div自动适应浏览器大小的方法多种多样。其中一种方法是利用vh单位设定div的高度，vh代表视窗高度的百分比，1vh即为视窗高度的1%。若要将一个div的高度设置为视窗高度的一半，可以使用如下CSS代码：.div-class{height：50vh；}。
CSS实现div随着网页大小变化而变化的方法，关键在于正确设置div的width和height属性。这里有一个常用的参数，即auto，它允许div的宽度和高度根据其内容自动调整。当浏览器窗口缩小或放大时，div的大小也会相应变化，这种变化基于div内部内容的实际大小。
要使一个的高度在指定范围内自适应内容，可以使用CSS中的min-height和max-height属性。具体来说，可以设置min-height为100px，max-height为500px。这样，的高度将至少为100px，但不会超过500px。当内容超出100px但未达到500px时，的高度将根据内容自动调整。
CSS/HTML:如何使下面的table高度占满整个页面呢?
1、首先需要打开sublimeText编辑器。然后需要按照图示代码编写一个html页面，并且放入一张背景。效果显示如下图，图片还是原来大小的背景。然后需要按照图示代码利用css属性background-size： cover；把整个背景填充。效果显示如下图，图片table高度把屏幕占满。
2、网页设计中，有时需要将两个table分别占据页面高度的50%。实现这一目标，可以通过CSS样式来完成。首先，在HTML中创建两个table，并为它们设置类名，以便于CSS选择。接着，在CSS中使用height属性，设定每个table的高度为50%。
3、首先来看原始html界面，我们希望缩放界面时，文字部分可以随着浏览器的缩放进行换行，即自动换行功能。但是图中的代码没有实现自动换行。接下来我们看一下图中的界面代码。
4、首先，我们来看看HTML5部分。使用table元素构建表格结构，thead用于定义表头，tbody则用于包裹主体内容。接下来是CSS3部分。
5、记得将父元素清除浮动。虽然宽度不同weiqinl 但一样 水平居中了 使用float属性，记得清楚浮动 5：使用table布局，默认垂直居中 table默认垂直居中vertical-align：middle。如果还想要水平居中，那就是行内元素，添加属性text-align： center 6： 仿table，display：table-cell。
6、--HTML-- div span我是span元素/span /div 使用table-cell居中 使用 display： table-cell， 而不是使用table标签； 可以实现水平居中和垂直居中，但是这种方法需要添加额外的元素作为外部容器。
css如何使页面缩小后不变大
1、打开编辑器，创建一个HTML文档，并且设立一下基本的架构。我们用img标签嵌入一张图片，我们可以看出如果页面缩小，图片不会随着缩小，这样页面就变形了。然后创建CSS文档，并且关联现在的HTML文档。利用LINK标签。
2、当这个元素没有CSS样式时，它将只占据页面上的默认大小，无论浏览器窗口大小如何变化，它的大小都不会改变。为了实现自适应效果，我们需要为其添加CSS样式。
3、CSS实现div随着网页大小变化而变化的方法，关键在于正确设置div的width和height属性。这里有一个常用的参数，即auto，它允许div的宽度和高度根据其内容自动调整。当浏览器窗口缩小或放大时，div的大小也会相应变化，这种变化基于div内部内容的实际大小。
4、如果你怕因为屏幕的大小而不好设置的宽高的话，建议你顶部导航和底部版权栏的盒子设为width：100%； 中间正文部分就用固定width，margin：0 auto居中，中间的div全部居中就不会因为屏幕尺寸影响太大，最多是比例的问题。
5、需要使用CSS才可以做到，具体代码如下： .bgimage{ position：fixed；z-index：-1；//这两句时最重要的，前 //句使图片始终显示在当前页，后一句是使图片显示在最底层。
6、如果确实希望怎样缩小放大排版均不会发生变化，直接使用百分比布局即可，不需要额外的技术，但用户体验肯定不够好。做一个网页，不仅只靠js，主要分为结构层，样式层，交互层。针对您所说，那就是需要响应式的网页了，响应式包括：页面窗口的大小，字体，图片等。
如何让css背景图片占满全部背景,并且保持长宽比呢
1、使用contain会使背景图片完全适应容器，同时保持其长宽比。如果希望背景图片尽可能地填充容器，但不会拉伸变形，可以使用cover：background-size： cover；cover会确保背景图片完全覆盖整个容器，但可能会导致图片变形。通过这些方法，我们可以灵活地控制背景图片的尺寸，同时保持其原始比例，使页面更加美观。
2、在CSS中，如果你希望为body元素设置全屏背景图片，可以使用background-size：100% 100%；或者background-size：cover；实现。其中，100% 100%表示背景图片宽度和高度均占100%，而cover属性则会自动调整图片大小，使其完全覆盖背景区域，同时保持图片的宽高比。
3、在Dreamweaver中打开你的页面，找到页面属性。 在页面属性中，你可以设置背景图片。通常情况下，这里有一个“背景图片”选项，你可以选择你的图片文件。 接下来，你需要注意图片的重复选项。如果你希望图片在整个页面上平铺显示，可以选择“重复”选项。
4、具体操作为：如果图片的宽高比大于容器的宽高比，那么图片的高度设置为100%，而宽度则允许超出容器的边界；反之，如果图片的宽高比小于容器的宽高比，则图片的宽度设置为100%，高度则允许超出容器的边界。