如何让网站自适应，手机网页怎么做到自适应

10年积累的网站制作、做网站经验，可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你，你也不认识我。但先网站制作后付款的网站建设流程，更有昌乐免费网站建设让你可以放心的选择与我们合作。

1，手机网页怎么做到自适应

图片设置max-width为100%就可以了imgp{line-height:1.75;}

自适应网页的目的："一次设计，普遍适用"，让同一张网页自动适应不同大小的屏幕，根据屏幕宽度，自动调整布局。所以，手机网页大多是自适应网页。

2，HTML怎么让网页大小自动适应窗口

用table的话，宽度采用百分比，比如width=“98%”，表格居中align=“center”就可以了。用div的话，宽度仍然采用百分比，样式margin: 0 auto;就可以自动居中了。采用百分比能够自动适应窗口，但不会小于页面元素中最宽的固定宽度。一般页面宽度可以设置为1002px。1024的分辨率下刚好满屏，不出现横向滚动条。

这就需要考虑应用主流显示器了一般最低的也就是1024*768 ，你可以按照这个做，两边留边或者用脚本写网页，读取screenwidth 值就知道分辨率了

3，如何制作手机自适应网页

打开你需要制作手机网页的html或者php等等网页源码文件。在之间加入meta标签。2向浏览器声明该网页为移动设备自适应网页的meta标签为：3将以上标签加入之后保存，再用手机打开即是自适应网页了。

4，电脑网页自适应宽度代码怎么写可以让网页在不同分辨率的电脑上都

响应式要用CSS里的媒体查询单独来写首先要了解一下基本的媒体查询的意思：/* 小屏幕（平板，大于等于 768px）媒体查询的写法 */@media (min-width: @screen-sm-min) /* 中等屏幕（桌面显示器，大于等于 992px）媒体查询的写法 */@media (min-width: @screen-md-min) /* 大屏幕（大桌面显示器，大于等于 1200px）媒体查询的写法 */@media (min-width: @screen-lg-min) /*我们偶尔也会在媒体查询代码中包含 max-width 从而将 CSS 的影响限制在更小范围的屏幕大小之内。*/@media (max-width: @screen-xs-max) @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) @media (min-width: @screen-md-min) and (max-width: @screen-md-max) @media (min-width: @screen-lg-min) { ... }上述功能了解之后，只要把想要实现的分辨率效果写在不同的媒体查询里即可

搜一下：电脑网页自适应宽度代码怎么写，可以让网页在不同分辨率的电脑上都能完好无损的显示。

5，如何让网页自动适应显示器不同的分辨率

1、打开一个网页，在网页的右上方找到一个“查看”选项。2、点击“查看”选项，下面出现一个下拉菜单，找到“网页缩放”选项。3、把鼠标移动到“网页缩放”选项上，自动弹出一个列表菜单，里面就是缩放的比例，只要选择默认也就是100%就OK了，网页就能满屏适应电脑界面了。

这里以魅族浏览器为例，其中的具体步骤如下：1、手机打开浏览器之后，在中间位置点击【三】。2、在中间位置点击【三】之后，点击里面的【设置】。3、点击里面的【设置】之后，继续点击【主页】。4、这样一来如果没问题，启动【网页自适应屏幕】即可让网页自动适应显示器不同的“分辨率”了。

table width="100%"一楼说的有些不准确，1024的网页，你“框架”只能小于1024，一般应该是101几的样子，准确的记不清了。800，很明显，以前常用的是780宽度。其实没有什么适应显示器的分辨率什么的，百分比只是布局实现的一种，网页的可延伸性，例如有人喜欢做全屏的网站，那么在800和1024下根本没有差别，有差别的是浏览者所看到的内容大，小，精细与否。这么说你不理解的话，大家都玩儿过cs吧？cs默认是800x600，你试试在17寸和19寸显示器上修改分辨率为1024x768，本质上没区别，越小越精细而已。

如何让网页适应不同分辨率解决思路：在不同分辨率下看到的网页版面格式有很大差别，甚至有可能错位。导致这种差别的原因，主要是因为网页中用了绝对定位的层，并且页面内容设置为居中，这样在分辨率改变时就会导致错位。因此我们可以通过判断用户的分辨率，然后让页面或排版做出相应变化。方法一：做为不同的分辨率做不同的页，然后做个引导页，获取到客户端屏幕的分辨率后转向到相应页具体步骤： 1. 先捕获用户的分辨率。水平分辨率：screen.width 垂直分辨率：screen.height 2.再用页面跳转的方法转到相应页。 location.replace(screen.width+".htm") 或者： location.replace(screen.height+".htm") 3.完整代码。技巧：screen.width 也可以改成 screen.availWidth。提示： l language="JavaScript" 指定脚本所用语言为 JavaScript,大部分浏览器的默认客户端脚本语言就是 JavaScript，所以也可以省略不写。 l 两个标识的作用是通知不支持 JavaScript 浏览器忽略两标识间的所有 JavaScript 代码，一般情况下可以省略不写。 l JavaScript 语句与 C 语言一样用分号”;”结束，但也可以省略不写，每一新行表示开始一条新语句。 l screen.width+".htm" 在进行字符串连接后得到诸如 800.htm，1024.htm 之类的文件名。 l 可以在把完整代码存成单独一页作为引导页。试一试：读者可以试着用assign方法实现页面跳转。方法二：根据文档显示区域宽度重新调整层的定位。具体步骤： 1. 获取文档显示区域的宽度。 document.body.offsetWidth 2.判断对象是否为层。 function isLayer(obj)with(obj.currentStyle) return (position=="absolute"&&left!="") } 3.完整代码。

Layer1

Layer2

注意： l 必须确保所有层的标签为 DIV。 l 程序中的 demo 和 demo1 两个层只是测试用的，在实际就用时可以删掉。技巧：如果所有层都是直接在标签内的定义的，可以把 currentStyle 和runtimeStyle 改成 style。提示： l JavaScript 的单行注释是以一对正斜杠”//”开始，多行注释以一个正斜杠加一个星号的组合(/*)开始,并以其逆向顺序 (*/)结束。 l window.onload 表示在页面加载完成后触发。 l onresize="init()" 表示在窗口大小改变时触发名为 init 的函数。分析：屏幕分辨率先是影响到文档显示区域宽度(document.body.offsetWIdth)大小，然后文档显示区域宽度大小进一步影响到层的X轴定位和页面内容居中部分的相对位置，所以只要根据文档显示区域宽度大小来重新调整层的X轴坐标就行了。特别提示 Javascript脚本的代码原则上是要求放在代码的与间，但放到其它标签窗口内也可以正常运行，方法二中代码运行后效果如图 3.1 和 3.2 所示：图 3.1 窗口最大化时层的图 3.2 窗口缩小后的层的位置特别说明方法一中用到了 location 对象的 replace 和 assign 方法来加载目标文档。 1. location对象的replace方法是将指定的文档替换当前文档。 2. location对象的assign方法是装入新的HTML文档。方法二中用了 currentStyle、runtimeStyle 和 style 三个对象来捕获目标对象的样式设置。 1. currentStyle对象代表在全局样式表、内嵌样式和 HTML 标签属性中指定的对象格式和样式。 2. runtimeStyle对象代表居于全局样式表、内嵌样式和 HTML 标签属性指定的格式和样式之上的对象的格式和样式。 3. style对象代表给定元素所有可能的内嵌样式的当前设置

如何让网页适应不同分辨率解决思路：在不同分辨率下看到的网页版面格式有很大差别，甚至有可能错位。导致这种差别的原因，主要是因为网页中用了绝对定位的层，并且页面内容设置为居中，这样在分辨率改变时就会导致错位。因此我们可以通过判断用户的分辨率，然后让页面或排版做出相应变化。方法一：做为不同的分辨率做不同的页，然后做个引导页，获取到客户端屏幕的分辨率后转向到相应页具体步骤： 1. 先捕获用户的分辨率。水平分辨率：screen.width 垂直分辨率：screen.height 2.再用页面跳转的方法转到相应页。 location.replace(screen.width+".htm") 或者： location.replace(screen.height+".htm") 3.完整代码。技巧：screen.width 也可以改成 screen.availwidth。提示： l language="javascript" 指定脚本所用语言为 javascript,大部分浏览器的默认客户端脚本语言就是 javascript，所以也可以省略不写。 l 两个标识的作用是通知不支持 javascript 浏览器忽略两标识间的所有 javascript 代码，一般情况下可以省略不写。 l javascript 语句与 c 语言一样用分号”;”结束，但也可以省略不写，每一新行表示开始一条新语句。 l screen.width+".htm" 在进行字符串连接后得到诸如 800.htm，1024.htm 之类的文件名。 l 可以在把完整代码存成单独一页作为引导页。试一试：读者可以试着用assign方法实现页面跳转。方法二：根据文档显示区域宽度重新调整层的定位。具体步骤： 1. 获取文档显示区域的宽度。 document.body.offsetwidth 2.判断对象是否为层。 function islayer(obj)with(obj.currentstyle) return (position=="absolute"&&left!="") } 3.完整代码。

layer1

layer2

注意： l 必须确保所有层的标签为 div。 l 程序中的 demo 和 demo1 两个层只是测试用的，在实际就用时可以删掉。技巧：如果所有层都是直接在标签内的定义的，可以把 currentstyle 和runtimestyle 改成 style。提示： l javascript 的单行注释是以一对正斜杠”//”开始，多行注释以一个正斜杠加一个星号的组合(/*)开始,并以其逆向顺序 (*/)结束。 l window.onload 表示在页面加载完成后触发。 l onresize="init()" 表示在窗口大小改变时触发名为 init 的函数。分析：屏幕分辨率先是影响到文档显示区域宽度(document.body.offsetwidth)大小，然后文档显示区域宽度大小进一步影响到层的x轴定位和页面内容居中部分的相对位置，所以只要根据文档显示区域宽度大小来重新调整层的x轴坐标就行了。特别提示 javascript脚本的代码原则上是要求放在代码的与间，但放到其它标签窗口内也可以正常运行，方法二中代码运行后效果如图 3.1 和 3.2 所示：图 3.1 窗口最大化时层的图 3.2 窗口缩小后的层的位置特别说明方法一中用到了 location 对象的 replace 和 assign 方法来加载目标文档。 1. location对象的replace方法是将指定的文档替换当前文档。 2. location对象的assign方法是装入新的html文档。方法二中用了 currentstyle、runtimestyle 和 style 三个对象来捕获目标对象的样式设置。 1. currentstyle对象代表在全局样式表、内嵌样式和 html 标签属性中指定的对象格式和样式。 2. runtimestyle对象代表居于全局样式表、内嵌样式和 html 标签属性指定的格式和样式之上的对象的格式和样式。 3. style对象代表给定元素所有可能的内嵌样式的当前设置

分享文章：如何让网站自适应，手机网页怎么做到自适应
文章URL：http://cqcxhl.cn/article/idppci.html