西部数码域名论坛

标题: 自适应网站怎么做好些？ [打印本页]

作者: 文艺风 时间: 2017-5-26 16:41
标题: 自适应网站怎么做好些？

现在自适应网站可谓是炙手可热，跟响应式网站一样备受企业或个人建站的青睐。自适应网站怎么做呢？一方面自适应网站的制作可以手写编程代码进行制作。此外还可以直接运用自适应网站模板直接制作，运用自助建站系统搭建，不需要懂代码，即可以快速制作一个自适应网站。在这里小编先给大家介绍一下利用编程的方式制作自适应网站。

1、在HTML头部增加viewport标签

在网站HTML文件的开头，增加viewport meta标签告诉浏览器视口宽度等于设备屏幕宽度，且不进行初始缩放。代码如下：

这段代码支持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%;

其实，现在企业想要搭建一个自适应网站不用那么麻烦，直接借助自助建站系统就可以快速完成网站的搭建，这个大家可以了解一下成品网站，不需要懂代码，快速搭建一个自适应网站，节省企业建站的时间与成本。

了解自助建站系统：http://www.iisp.com/design/?s=lhp

作者: 元气哥哥 时间: 2017-5-27 10:23
新后缀选选还是有精品的！

作者: 昕动科技 时间: 2017-5-27 16:24
不管买家还是卖家，想拿捏精准，真的很不容易啊，慢慢摸索，慢慢摸索。。。

作者: 修行者 时间: 2017-5-29 18:52
夏季，人心和天气一样的火热：正是好炒的季节。

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

作者: 乔治大少 时间: 2017-6-4 13:19
说的好，点赞~

作者: somethin 时间: 2017-6-20 13:20
新后缀选选还是有精品的！

作者: fuyufu 时间: 2017-6-20 13:21

元气哥哥发表于 2017-5-27 10:23
新后缀选选还是有精品的！

新后缀的资源丰富，找到适合站点的创意域名还是很有资源

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

作者: 乔治大少 时间: 2017-6-22 11:21
不要怂，干起来。2017年祝大家好米都大卖！

作者: 修行者 时间: 2017-6-22 13:36
不要怂，干起来。2017年祝大家好米都大卖！

作者: ie898 时间: 2017-6-24 19:46
虚心使人进步。。。。

作者: 三筒 时间: 2017-7-4 12:56
楼主说的不错，很有道理，学习了。

作者: somethin 时间: 2017-7-5 19:43
说的好，点赞~

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

作者: 我也是醉了 时间: 2017-7-13 17:39
虚心使人进步。。。。

作者: 元气哥哥 时间: 2017-7-15 18:35
发现一个悲伤的故事，有些域名真的不能玩批量！

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

作者: 树树 时间: 2017-7-17 18:24
玩域名的人，最大的优点就是持之以恒。

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

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

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

作者: 我也是醉了 时间: 2017-7-30 19:58
虚心使人进步。。。。

作者: 昕动科技 时间: 2017-7-31 20:38
新后缀选选还是有精品的！

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

作者: 激进的米农 时间: 2017-8-9 17:26
等到没有货的时候，就可以考虑开始拉盘了！

作者: 修行者 时间: 2017-8-11 12:56
玩域名的人，最大的优点就是持之以恒。

作者: 三筒 时间: 2017-8-12 11:44
好米我也有，可惜人家看不上。

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

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

作者: 三筒 时间: 2017-8-14 17:26
希望越大，失望越大。验证了这句话。

作者: 元气哥哥 时间: 2017-8-16 16:33
一个网站的核心是网站的内容和用户体验，域名只是网站的一个脸蛋，好看不好看，中用不中用还要看核心。

作者: 我也是醉了 时间: 2017-8-17 11:35
虚心使人进步。。。。

作者: 乔治大少 时间: 2017-8-18 20:01
夏季，人心和天气一样的火热：正是好炒的季节。

作者: 修行者 时间: 2017-8-20 18:48
说的好，点赞~

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

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

作者: 激进的米农 时间: 2017-8-30 19:06
夏季，人心和天气一样的火热：正是好炒的季节。

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

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

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

作者: 激进的米农 时间: 2017-9-15 17:14
玩域名的人，最大的优点就是持之以恒。

作者: 皮蛋。 时间: 2017-9-16 10:57
认真对待自己的每一个米，要想爱护自己的孩子一样关注她，挖掘她的潜能；

作者: 皮蛋。 时间: 2017-9-16 19:47
说的好，点赞~

作者: 我也是醉了 时间: 2017-9-16 19:58
域名资讯向来都是报喜不报忧

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

作者: 树树 时间: 2017-9-18 17:39
好米我也有，可惜人家看不上。

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

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

作者: 三筒 时间: 2017-9-28 19:55
认真对待自己的每一个米，要想爱护自己的孩子一样关注她，挖掘她的潜能；

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

作者: 我也是醉了 时间: 2017-9-29 15:01
虽然不知道你们在说什么，但感觉好厉害的样子哦。。。

作者: 三筒 时间: 2017-9-30 11:18
不要怂，干起来。2017年祝大家好米都大卖！

作者: 激进的米农 时间: 2017-10-1 18:13
等到没有货的时候，就可以考虑开始拉盘了！

作者: ie898 时间: 2017-10-4 20:55
好米我也有，可惜人家看不上。

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

作者: 乔治大少 时间: 2017-10-26 11:17
发现一个悲伤的故事，有些域名真的不能玩批量！

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

作者: 元气哥哥 时间: 2017-10-29 18:52
等到没有货的时候，就可以考虑开始拉盘了！

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

作者: 元气哥哥 时间: 2017-11-3 14:11
好米我也有，可惜人家看不上。

作者: 修行者 时间: 2017-11-4 13:35
说的好，点赞~

作者: ie898 时间: 2017-11-4 17:15
玩域名的人，最大的优点就是持之以恒。

作者: 我也是醉了 时间: 2017-11-6 14:05
等到没有货的时候，就可以考虑开始拉盘了！

作者: 三筒 时间: 2017-11-7 18:00
夏季，人心和天气一样的火热：正是好炒的季节。

作者: 昕动科技 时间: 2017-11-7 20:46
楼主说的不错，很有道理，学习了。

作者: 昕动科技 时间: 2017-11-8 15:29
发现一个悲伤的故事，有些域名真的不能玩批量！

作者: ie898 时间: 2017-11-8 20:12
虚心使人进步。。。。

作者: somethin 时间: 2017-11-11 12:09
虚心使人进步。。。。

作者: 乔治大少 时间: 2017-11-13 10:49
虽然不知道你们在说什么，但感觉好厉害的样子哦。。。

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

作者: 元气哥哥 时间: 2017-11-14 13:06
域名资讯向来都是报喜不报忧

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

作者: 三筒 时间: 2017-11-20 11:35
希望越大，失望越大。验证了这句话。

作者: 我也是醉了 时间: 2017-11-23 19:58
域名资讯向来都是报喜不报忧

作者: 激进的米农 时间: 2017-11-24 10:53
新后缀选选还是有精品的！

作者: 元气哥哥 时间: 2017-11-27 15:45
好米我也有，可惜人家看不上。

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

作者: 我也是醉了 时间: 2017-12-9 14:49
不管买家还是卖家，想拿捏精准，真的很不容易啊，慢慢摸索，慢慢摸索。。。

作者: 乔治大少 时间: 2017-12-12 17:14
说的好，点赞~

作者: somethin 时间: 2017-12-13 17:30
希望越大，失望越大。验证了这句话。

作者: 三筒 时间: 2017-12-15 15:51
玩域名的人，最大的优点就是持之以恒。

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

作者: 三筒 时间: 2017-12-17 12:39
等到没有货的时候，就可以考虑开始拉盘了！

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

作者: somethin 时间: 2017-12-18 17:27
好米我也有，可惜人家看不上。

作者: 修行者 时间: 2017-12-19 13:44
好米我也有，可惜人家看不上。

作者: 昕动科技 时间: 2017-12-19 20:32
说的好，点赞~

作者: 元气哥哥 时间: 2017-12-26 14:59
不要怂，干起来。2017年祝大家好米都大卖！

作者: 乔治大少 时间: 2017-12-26 15:00
夏季，人心和天气一样的火热：正是好炒的季节。

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

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

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

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

作者: 激进的米农 时间: 2018-1-2 20:13
等到没有货的时候，就可以考虑开始拉盘了！

作者: ie898 时间: 2018-1-3 18:38
不管买家还是卖家，想拿捏精准，真的很不容易啊，慢慢摸索，慢慢摸索。。。

作者: 皮蛋。 时间: 2018-1-5 13:44
玩域名的人，最大的优点就是持之以恒。

作者: 三筒 时间: 2018-1-5 15:39
等到没有货的时候，就可以考虑开始拉盘了！

作者: 我也是醉了 时间: 2018-1-5 20:04
夏季，人心和天气一样的火热：正是好炒的季节。

作者: 乔治大少 时间: 2018-1-6 13:59
大家都不容易！如今米市行情不好，只有先走一步看一步。

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