p首先你要在html页面头部加上下面的代码viewportquot，不懂可以百度content=quot，一些小的模块可以用固定尺寸meta ， name=quot再就是css中要应用到媒体查询，不能不用固定尺寸lt，其次你要把页面中的宽度修改为百分比。

1，输入positionfixedtop0left0将整个div固定在屏幕的顶部和左侧2输入width100％height100％min－width1000px这个可以适合div的高度和宽度，而min－width是为了实现让屏幕宽度在1000px以内时，di。

用CSS3 @media 查询 也叫“媒体查询”语法aaawidth1200px 正常样式 下面是分辨率最小为300px，最大分辨率为1024px的样式 media screen and minwidth 300px and maxwidth1024px aaaw。

= rem + quotpxquot媒体查询 媒体查询正是为解决网页适应手机屏幕媒体查询的功能就是为不同的“媒体”设置不同的css样式，页面尺寸，设备屏幕尺寸等，比如我们要为宽度小于480px的页面中的class=quoticonquot。

1用dw编辑器建立了一个静态页面 2将建好的静态页命名为csshtml，标题为了“css如何设置图片大小自适应”3在body中添加两个p，设置不能的宽度，并设class为p1和p2，目的是用一样的css控制图片的宽度在不同的宽度容器。

而meta name=quotviewportquot content=quotwidth=devicewidthquot 的用法是随着屏幕的大小，自动把页面自适应到屏幕的大小这个是管用的em是字体的宽度，也就是一个字体宽12px，那么em=12px字体为15px，em=15px一般。

用JavaScript或者jquery 1页面加载完，获取当前浏览器显示区域高度2获取页面中我的相册div1关闭相册的高度3用1获取的值减去2所有的值4用3所得值附加给div2 好了，方法教给你了，自己去实现吧。

在手机上不能固定宽度，要按百分比写页面宽度才能自适应设备主要是这两点，当然细节上面还有很多和PC端不一样的地方指向文件错误，比如你的网页文件在A，但是你却指向了B你把指向的文件放到网页文件内在试试如果。

亲，这个是手机浏览器自带的一个功能，就是把页面等比例缩小的到手机分辨率的大小，这个跟你的网站整体宽度是没有关系的，这个是手机浏览器的功能。

1首先，打开html编辑器，新建html文件，例如indexhtml2在indexhtml中的lthead标签中，输入meta代码ltmeta name=quotviewportquot content=quotwidth=devicewidth， initialscale=1quot3浏览器运行indexhtml页面。

才能自适应设备主要是这两点，当然细节上面还有很多和PC端不一样的地方我就不一一详述了，你按照上面亮点写你的页面，就能解决你说的问题万维网上的一个超媒体文档称之为一个页面外语page作为一个组织或者。

自适应手机屏幕代码ltmeta name=quotviewportquot content=quotwidth=devicewidthquotltmeta name=quotviewportquot content=quotwidth=devicewidth， initialscale=10， minimumscale=10， maximumscale=10， userscalable=noquot 首。

图片分为背景图片和通过img标签引入的图片，前者可以通过media query自动的切换不同分辨率的版本，但是在不支持background image size的浏览器中背景图片无法无级的调整大小。

\x0d\x0a用div的话，宽度仍然采用百分比，样式margin 0 auto就可以自动居中了\x0d\x0a采用百分比能够自动适应窗口，但不会小于页面元素中最宽的固定宽度\x0d\x0a一般页面宽度可以设置为1002px1024的分辨率下。

用以下代码开头lt！DOCTYPE HTMLlthtmlltheadltmeta charset=quotutf8quotltmeta name=quotviewportquot content=quotwidth=devicewidth， initialscale=1quot 使用百分比定义宽度CSS代码可以适当使用media only screen and max。

于是，很早就有人设想，能不能地一次设计，普遍适用地，让同一张网页自动适应不同大小的屏幕，根据屏幕宽度，自动调整布局layout看 一了解什么是地自适应网页设计地 自从2010年，Ethan Marcotte提出了 逗自适应网页设计。