西部数码域名论坛

标题: 怎么制作自适应网页? [打印本页]

作者: 文艺风 时间: 2017-4-25 17:25
标题: 怎么制作自适应网页?

怎么制作自适应网页？这个问题其实没有大家想象的那么难，只需要对一些参数进行就可以完成了。此外，由于自适应网页能根据屏幕自动调整页面布局而备受欢迎，这也是目前自适应网站如此流行的主要原因之一。言归正传，小编在这里给大家分享一下怎么制作自适应网页？

1、电脑网站

网页总体架构使用宽度，但内容框架、侧栏等最好使用相对宽度，这样针对不同分辨率进行修改就方便。在HTML页面上不要使用字体（px），而要使用相对字体（em）。图片若是img标签的话，只需要在CSS代码中设置 max-width: 100%;或width:100%;不用固定数值。语句为：img { max-width: 98%; }。background-size:100% 100%;可以实现background-image的自适应。

2、手机网站

在网页头部加上一条meta标签：<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=yes" />

解释：

width=device-width ：宽度等于设备屏幕的宽度。

initial-scale=1.0：初始的缩放比例100%。

minimum-scale=0.5：最小的缩放比例50%。

maximum-scale=2.0：最大的缩放比例200%。

user-scalable=yes：用户可以调整缩放比例。

对零基础想做网站的用户来说，上面的方法还是太复杂了，最基本的那些代码是什么意思还没搞清楚，更别说在庞大的网站程序中对某项细节进行修改了。这时候想做自适应网站，可以选择成熟一点的自助建站工具。

笔者认为比较适合零基础站长的H5响应式自助建站系统是成品网站，后台有一千多套行业模板，全部由设计师精心设计，符合市场主流审美和商业需求。用户一键安装模板后，对网站内容稍作修改就能上线网站，都是最简单的选择替换上传操作。网站做好后就是响应式的，直接复制网址到手机就能打开网站，适用于市面上所有屏幕。

用自助建站工具做网管理起比较方便。电脑站、手机站、微信统一后台，更新同步，修改也是直接在后台进行模块拖拽，彻底告别繁琐的代码。

H5自适应建站详情：http://www.iisp.com/special/v9special/index.php?s=lhp

作者: 三筒 时间: 2017-4-25 18:56
大家都不容易！如今米市行情不好，只有先走一步看一步。

作者: 元气哥哥 时间: 2017-4-26 16:43
好米我也有，可惜人家看不上。

作者: 三筒 时间: 2017-4-27 16:35
不管买家还是卖家，想拿捏精准，真的很不容易啊，慢慢摸索，慢慢摸索。。。

作者: 我也是醉了 时间: 2017-4-27 16:41
希望越大，失望越大。验证了这句话。

作者: 我也是醉了 时间: 2017-4-28 14:15
希望越大，失望越大。验证了这句话。

作者: 皮蛋。 时间: 2017-4-29 20:00
虚心使人进步。。。。

作者: somethin 时间: 2017-4-30 12:25
域名投资之路，很难，难于上青天，但生活无法阻挡你的分享！

作者: somethin 时间: 2017-4-30 12:32
域名投资之路，很难，难于上青天，但生活无法阻挡你的分享！

作者: 昕动科技 时间: 2017-4-30 17:01
等到没有货的时候，就可以考虑开始拉盘了！

作者: 昕动科技 时间: 2017-5-2 16:15
新后缀选选还是有精品的！

作者: 乔治大少 时间: 2017-5-2 19:25
域名资讯向来都是报喜不报忧

作者: 皮蛋。 时间: 2017-5-3 19:47
一个网站的核心是网站的内容和用户体验，域名只是网站的一个脸蛋，好看不好看，中用不中用还要看核心。

作者: 昕动科技 时间: 2017-5-9 14:31
说的好，点赞~

作者: 修行者 时间: 2017-5-14 17:49
发现一个悲伤的故事，有些域名真的不能玩批量！

作者: 皮蛋。 时间: 2017-5-14 18:27
好米我也有，可惜人家看不上。

作者: 元气哥哥 时间: 2017-5-14 20:56
虚心使人进步。。。。

作者: 乔治大少 时间: 2017-5-15 17:12
域名投资之路，很难，难于上青天，但生活无法阻挡你的分享！

作者: ie898 时间: 2017-5-15 18:42
域名资讯向来都是报喜不报忧

作者: 皮蛋。 时间: 2017-5-19 17:11
虽然不知道你们在说什么，但感觉好厉害的样子哦。。。

作者: 树树 时间: 2017-5-21 17:27
一个网站的核心是网站的内容和用户体验，域名只是网站的一个脸蛋，好看不好看，中用不中用还要看核心。

作者: somethin 时间: 2017-5-22 18:19
域名资讯向来都是报喜不报忧

作者: 激进的米农 时间: 2017-5-24 11:49
大家都不容易！如今米市行情不好，只有先走一步看一步。

作者: ie898 时间: 2017-6-1 11:23
不要怂，干起来。2017年祝大家好米都大卖！

作者: 激进的米农 时间: 2017-6-2 19:06
大家都不容易！如今米市行情不好，只有先走一步看一步。

作者: ie898 时间: 2017-6-4 20:40
虽然不知道你们在说什么，但感觉好厉害的样子哦。。。

作者: 我也是醉了 时间: 2017-6-7 10:42
夏季，人心和天气一样的火热：正是好炒的季节。

作者: 我也是醉了 时间: 2017-6-8 14:33
一个网站的核心是网站的内容和用户体验，域名只是网站的一个脸蛋，好看不好看，中用不中用还要看核心。

作者: somethin 时间: 2017-6-12 18:43
夏季，人心和天气一样的火热：正是好炒的季节。

作者: ie898 时间: 2017-6-16 13:55
认真对待自己的每一个米，要想爱护自己的孩子一样关注她，挖掘她的潜能；

作者: 树树 时间: 2017-6-17 16:37
楼主说的不错，很有道理，学习了。

作者: 激进的米农 时间: 2017-6-21 20:42
好米我也有，可惜人家看不上。

作者: 激进的米农 时间: 2017-6-22 13:58
不要怂，干起来。2017年祝大家好米都大卖！

作者: 修行者 时间: 2017-6-23 17:29
大家都不容易！如今米市行情不好，只有先走一步看一步。

作者: 元气哥哥 时间: 2017-6-28 17:55
大家都不容易！如今米市行情不好，只有先走一步看一步。

作者: 昕动科技 时间: 2017-6-29 19:04
等到没有货的时候，就可以考虑开始拉盘了！

作者: 我也是醉了 时间: 2017-7-6 11:30
好米我也有，可惜人家看不上。

作者: 昕动科技 时间: 2017-7-10 17:07
说的好，点赞~

作者: 树树 时间: 2017-7-16 16:24
大家都不容易！如今米市行情不好，只有先走一步看一步。

作者: ie898 时间: 2017-7-18 14:40
虚心使人进步。。。。

作者: 元气哥哥 时间: 2017-7-25 19:07
域名投资之路，很难，难于上青天，但生活无法阻挡你的分享！

作者: 三筒 时间: 2017-7-26 12:04
虽然不知道你们在说什么，但感觉好厉害的样子哦。。。

作者: somethin 时间: 2017-7-26 15:13
发现一个悲伤的故事，有些域名真的不能玩批量！

作者: 激进的米农 时间: 2017-7-27 12:24
好米我也有，可惜人家看不上。

作者: 元气哥哥 时间: 2017-7-27 14:09
等到没有货的时候，就可以考虑开始拉盘了！

作者: 昕动科技 时间: 2017-7-28 10:10
大家都不容易！如今米市行情不好，只有先走一步看一步。

作者: somethin 时间: 2017-7-30 20:10
一个网站的核心是网站的内容和用户体验，域名只是网站的一个脸蛋，好看不好看，中用不中用还要看核心。

作者: 树树 时间: 2017-8-3 13:34
等到没有货的时候，就可以考虑开始拉盘了！

作者: 三筒 时间: 2017-8-5 19:49
虚心使人进步。。。。

作者: ie898 时间: 2017-8-7 17:07
不要怂，干起来。2017年祝大家好米都大卖！

作者: 激进的米农 时间: 2017-8-11 17:32
发现一个悲伤的故事，有些域名真的不能玩批量！

作者: 树树 时间: 2017-8-20 14:17
夏季，人心和天气一样的火热：正是好炒的季节。

作者: somethin 时间: 2017-8-20 17:48
夏季，人心和天气一样的火热：正是好炒的季节。

作者: 元气哥哥 时间: 2017-8-28 10:55
不管买家还是卖家，想拿捏精准，真的很不容易啊，慢慢摸索，慢慢摸索。。。

作者: 我也是醉了 时间: 2017-9-7 14:55
不要怂，干起来。2017年祝大家好米都大卖！

作者: somethin 时间: 2017-9-8 17:48
虚心使人进步。。。。

作者: 激进的米农 时间: 2017-9-9 11:52
认真对待自己的每一个米，要想爱护自己的孩子一样关注她，挖掘她的潜能；

作者: somethin 时间: 2017-9-10 16:46
不管买家还是卖家，想拿捏精准，真的很不容易啊，慢慢摸索，慢慢摸索。。。

作者: 激进的米农 时间: 2017-9-12 10:40
虽然不知道你们在说什么，但感觉好厉害的样子哦。。。

作者: 皮蛋。 时间: 2017-9-12 20:47
等到没有货的时候，就可以考虑开始拉盘了！

作者: 激进的米农 时间: 2017-9-14 16:25
认真对待自己的每一个米，要想爱护自己的孩子一样关注她，挖掘她的潜能；

作者: 皮蛋。 时间: 2017-9-16 10:20
域名投资之路，很难，难于上青天，但生活无法阻挡你的分享！

作者: 修行者 时间: 2017-9-16 12:32
说的好，点赞~

作者: 皮蛋。 时间: 2017-9-16 18:24
不管买家还是卖家，想拿捏精准，真的很不容易啊，慢慢摸索，慢慢摸索。。。

作者: 树树 时间: 2017-9-17 17:13
大家都不容易！如今米市行情不好，只有先走一步看一步。

作者: 我也是醉了 时间: 2017-9-17 20:21
发现一个悲伤的故事，有些域名真的不能玩批量！

作者: 乔治大少 时间: 2017-9-19 16:36
域名资讯向来都是报喜不报忧

作者: 皮蛋。 时间: 2017-9-19 17:22
不要怂，干起来。2017年祝大家好米都大卖！

作者: 皮蛋。 时间: 2017-9-20 19:59
域名资讯向来都是报喜不报忧

作者: ie898 时间: 2017-9-27 13:40
玩域名的人，最大的优点就是持之以恒。

作者: 修行者 时间: 2017-9-27 14:10
一个网站的核心是网站的内容和用户体验，域名只是网站的一个脸蛋，好看不好看，中用不中用还要看核心。

作者: 乔治大少 时间: 2017-9-29 13:02
认真对待自己的每一个米，要想爱护自己的孩子一样关注她，挖掘她的潜能；

作者: 激进的米农 时间: 2017-9-29 17:19
楼主说的不错，很有道理，学习了。

作者: 树树 时间: 2017-9-30 10:50
新后缀选选还是有精品的！

作者: 修行者 时间: 2017-9-30 11:37
楼主说的不错，很有道理，学习了。

作者: 乔治大少 时间: 2017-10-3 18:18
新后缀选选还是有精品的！

作者: 我也是醉了 时间: 2017-10-5 18:56
不要怂，干起来。2017年祝大家好米都大卖！

作者: 树树 时间: 2017-10-27 20:42
虽然不知道你们在说什么，但感觉好厉害的样子哦。。。

作者: ie898 时间: 2017-10-31 13:39
虚心使人进步。。。。

作者: 皮蛋。 时间: 2017-11-2 18:08
域名资讯向来都是报喜不报忧

作者: somethin 时间: 2017-11-7 14:23
新后缀选选还是有精品的！

作者: 皮蛋。 时间: 2017-11-9 12:19
虽然不知道你们在说什么，但感觉好厉害的样子哦。。。

作者: 皮蛋。 时间: 2017-11-11 14:25
玩域名的人，最大的优点就是持之以恒。

作者: 我也是醉了 时间: 2017-11-11 16:13
发现一个悲伤的故事，有些域名真的不能玩批量！

作者: 皮蛋。 时间: 2017-11-12 17:29
一个网站的核心是网站的内容和用户体验，域名只是网站的一个脸蛋，好看不好看，中用不中用还要看核心。

作者: 修行者 时间: 2017-11-15 10:36
虽然不知道你们在说什么，但感觉好厉害的样子哦。。。

作者: 昕动科技 时间: 2017-11-18 17:20
夏季，人心和天气一样的火热：正是好炒的季节。

作者: 修行者 时间: 2017-11-19 19:33
不要怂，干起来。2017年祝大家好米都大卖！

作者: somethin 时间: 2017-11-21 18:59
希望越大，失望越大。验证了这句话。

作者: 树树 时间: 2017-11-21 19:12
发现一个悲伤的故事，有些域名真的不能玩批量！

作者: ie898 时间: 2017-11-23 12:02
希望越大，失望越大。验证了这句话。

作者: 树树 时间: 2017-11-23 14:11
夏季，人心和天气一样的火热：正是好炒的季节。

作者: somethin 时间: 2017-11-24 17:26
说的好，点赞~

作者: 修行者 时间: 2017-11-24 17:47
虚心使人进步。。。。

作者: 元气哥哥 时间: 2017-11-24 20:48
夏季，人心和天气一样的火热：正是好炒的季节。

作者: 皮蛋。 时间: 2017-11-27 20:47
不要怂，干起来。2017年祝大家好米都大卖！

作者: 皮蛋。 时间: 2017-11-30 17:03
发现一个悲伤的故事，有些域名真的不能玩批量！

作者: 树树 时间: 2017-12-1 14:46
希望越大，失望越大。验证了这句话。

作者: 我也是醉了 时间: 2017-12-2 14:25
好米我也有，可惜人家看不上。

作者: 激进的米农 时间: 2017-12-2 18:35
发现一个悲伤的故事，有些域名真的不能玩批量！

欢迎光临西部数码域名论坛 (https://club.west.cn/)