❶ 如何把网页自动转换成宽屏自适应的网页源代码
在最外层DIV的css中加上width:你的宽度margin:0xp auto这样不论什么显示器都是自动居中了
❷ 如何进行自适应网页设计
做网站让来页面自适应大小方法代自码如下：
一、电脑站设置网站自适应方法
全屏宽度主要在于CSS代码中，将width为100%，而不是一个固定的像素值，代码如下。
手机网设置网自适应方法：
在网页头部加上这样一条meta标签：<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=yes" />
解释：
❸ 如何制作自适应网页
1、在HTML头部增加viewport标签。在网站HTML文件的开头，增加viewport meta标签告诉浏览器视口宽度等于设备屏幕宽度，且不进行初始缩放。代码如下：<meta name="viewport" content="width=device-width, initial-scale=1" />这段代码支持Chrome、Firefox、IE9以上的浏览器，但不支持IE8以及低于IE8的浏览器。2、在CSS文件尾部增加针对不同屏幕分辨率的规则。例如使用如下的代码，可以让屏幕宽度低于480像素的设备（如iPhone等），网页侧栏隐藏中部内容栏宽度自动调节。以下代码针对Z-Blog，WordPress相关标签名称只需修改一下即可。@media screen and (max-device-width: 480px) { #divMain{ float: none; width:auto; } #divSidebar { display:none; }}3、布局宽度使用相对宽度。网页总体框架可以使用绝对宽度，但往下的内容框架、侧栏等最好使用相对宽度，这样针对不同分辨率进行修改就方便。当然也可以不用相对宽度，那就需要在 @media screen and (max-device-width: 480px) 里面增加各个div的针对小屏幕的宽度，实际上更麻烦。4、页面使用相对字体（非必要）在HTML页面上不要使用绝对字体（px），而要使用相对字体（em），对于大多数浏览器来说，通常用 em = px/16 换算，例如16px就等于1em。5、图片自适应（非必要）img标签的话，只需要设置 max-width: 100%;或width:100%; 语句为：img { max-width: 98%; }css加载的background-image如何自适应大小呢，其实CSS3中是可以实现的，添加如下语句：background-size:100% 100%;根据上面讲述的几点内容，我针对我博客的CSS进行了一些修改，发现可以从iPhone手机浏览到体验更佳的页面，但有一个问题没有解决，就是顶部导航栏navbar显示有问题，换行后被下面的文章盖住了，不知道怎样能更好地解决这个问题（更新：经过网友提示，在导航栏divNavbar的样式里，加入 white-space:nowrap; overflow:hidden; 即可解决这个问题）。
❹ 网站怎么做到自适应网页
关于网站如何做到自适应网页，可根据如下操作：首先，在网页代码的头部，加入一行viewport元标签。<metaname=””content=”width=device-width, initial-scale=1″ />viewport是网页默认的宽度和高度，上面这行代码的意思是，网页宽度默认等于屏幕宽度(width=device-width)，原始缩 放比例(initial-scale=1)为1.0，即网页初始大小占屏幕面积的100%。 由于网页会根据屏幕宽度调整布局，所以不能使用绝对宽度的布局，也不能使用具有绝对宽度的元素。这一条非常重要。“流动布局”的含义是，各个区块的位置都是浮动的，不是固定不变的。float的好处是，如果宽度太小，放不下两个元素，后面的元素会自动滚动到前面元素的下方，不会在水平方向overflow(溢出)，避免了水平滚动条的出现。 “自适应网页设计”的核心，就是CSS3引入的Media Query模块。它的意思就是，自动探测屏幕宽度，然后加载相应的CSS文件。同一个CSS文件中，也可以根据不同的屏幕分辨率，选择应用不同的CSS规则。 其次，除了布局和文本，”自适应网页设计”还必须实现图片的自动缩放。有条件的话，最好还是根据不同大小的屏幕，加载不同分辨率的图片。有很多方法可以做到这一条，服务器端和客户端都可以实现。
❺ 制作自适应网页的具体详细代码
用“网页三剑客”
❻ Java源码做的网站，如何做到自适应屏幕
1. 使用HTML中的viewport来实现viewport语法如下：HTML代码 <!–在html代码的<head>…</head>中嵌入下面代码–><meta name="viewport" content=" height = [pixel_value | device-height] , width = [pixel_value | device-width ] , initial-scale = 0.5 , minimum-scale = float_value , maximum-scale = float_value , user-scalable = [yes | no] , " />[HTML] view plain <!–在html代码的<head>…</head>中嵌入下面代码–> <meta name="viewport" content=" height = [pixel_value | device-height] , width = [pixel_value | device-width ] , initial-scale = 0.5 , minimum-scale = float_value , maximum-scale = float_value , user-scalable = [yes | no] , " /> width控制 viewport 的大小，可以指定的一个值或者特殊的值，如 device-width 为设备的宽度（单位为缩放为 100% 时的 CSS 的像素）。height和 width 相对应，指定高度。initial-scale初始缩放。即页面初始缩放程度。这是一个浮点值，是页面大小的一个乘数。例如，如果你设置初始缩放为“1.0”，那么，web页面在展现的时候就会以target density分辨率的1:1来展现。如果你设置为“2.0”，那么这个页面就会放大为2倍。 maximum-scale最大缩放。即允许的最大缩放程度。这也是一个浮点值，用以指出页面大小与屏幕大小相比的最大乘数。例如，如果你将这个值设置为“2.0”，那么这个页面与target size相比，最多能放大2倍。user-scalable用户调整缩放。即用户是否能改变页面缩放程度。如果设置为yes则是允许用户对其进行改变，反之为no。默认值是yes。如果你将其设置为no，那么minimum-scale 和 maximum-scale都将被忽略，因为根本不可能缩放。(设置屏幕宽度为设备宽度，禁止用户手动调整缩放)HTML代码 <meta name="viewport" content="width=device-width,user-scalable=no" />[HTML] view plain <meta name="viewport" content="width=device-width,user-scalable=no" /> (设置屏幕密度为高频，中频，低频自动缩放，禁止用户手动调整缩放)HTML代码 <metaname="viewport" content="width=device-width,target-densitydpi=high-dpi,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>[HTML] view plain <meta name="viewport" content="width=device-width,target-densitydpi=high-dpi,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" /> 注：1). 所有的缩放值都必须在0.01–10的范围之内。 2). minimum-scale、maximum-scale要么写值，要不留这两个2. 不使用绝对宽度 由于网页会根据屏幕宽度调整布局，所以不能使用绝对宽度的布局，也不能使用具有绝对宽度的元素。这一条非常重要。具体说，CSS代码不能指定像素宽度：width:xxx px;只能指定百分比宽度：width: xx%;或者width:auto;3. CSS的@media规则 同一个CSS文件中，也可以根据不同的屏幕分辨率，选择应用不同的CSS规则。HTML代码 @media screen and (max-device-width: 400px) {.column {float: none;width:auto;}#sidebar {display:none;}}[HTML] view plain @media screen and (max-device-width: 400px) { .column { float: none; width:auto; } #sidebar { display:none; } } 上面的代码意思是，如果屏幕宽度小于400像素，则column块取消浮动（float:none）、宽度自动调节（width:auto），sidebar块不显示（display:none）。4. 流动布局 各个区块的位置都是浮动的，不是固定不变的。HTML代码 .main {float: right;width: 70%;}.leftBar {float: left;width: 25%;}[HTML] view plain .main { float: right; width: 70%; } .leftBar { float: left; width: 25%; } float的好处是，如果宽度太小，放不下两个元素，后面的元素会自动滚动到前面元素的下方，不会在水平方向overflow（溢出），避免了水平滚动条的出现。另外，绝对定位（position: absolute）的使用，也要非常小心。5. 图片的自适应 图片的宽度和高度要按百分比来设定，千万不可以设定成固定大小。HTML代码 <img width="95%" src="" alt="" />[HTML] view plain <img width="95%" src="" alt="" />
❼ 自适应网站还需要一个单独的手机端代码吗
不需要，只需要pc端就可以了，但是，有可能要做调整，因为pc端的显示尺寸和移动端的显示尺寸不同，如果想要在移动端显示正常需要代码调整
❽ 微信商城怎么自动自适应网站源码
你好，能麻烦请教一个问题吗。开发移动版的网页，也就是手机浏览器或 浏览器访问页面怎么使页面刚好适应并且填满屏幕大小？
❾ 自适应网页制作 怎么做自适应网页
做网站让页面自适应大小方法代码如下：一、电脑站设置网站自适应方法全屏宽度主要在于CSS代码中，将width为100%，而不是一个固定的像素值，代码如下。手机网设置网自适应方法：在网页头部加上这样一条meta标签： 解释：width=device-width：宽度等于设备屏幕的宽度。initial-scale=1.0：表示：初始的缩放比例。minimum-scale=0.5：表示：最小的缩放比例。maximum-scale=2.0：表示：最大的缩放比例。user-scalable=yes：表示：用户是否可以调整缩放比例。
❿ 自适应个人主页html源码，哪里下载
个人主页可以采用html代码也可以采用cms系统形式，一般以个人博客网站形式存在。回你可以在个人博客模板找到自适应的模板程序后，进行源码下载。
每天的进行一些文章更新，相信对于建立个人品牌是非常有帮助的。
