什么是自适应模板?自适应模板有什么优点缺点
1.背景介绍
自适应模板,顾名思议,网站本身是现成做好的自适应网站。用户获得自适应模板后,只需把原本网站的素材改成自己的东西,网站就能实现电脑、手机的自适应,不同终端获得同样的呈现效果。
现在人们通过手机浏览网页占了大多数,随着浏览方式的改变,网页实现多终端自适应,无论对于避免工程师无谓的重复劳动或者是项目管理的便捷性上来说重要性都是十分巨大的。
2.知识剖析
由于移动设备越来越多的被人们使用,手机成为访问互联网的最常见终端,而我们设计的网页确是为了呈现在PC端。
手机的屏幕比较小,宽度通常在600像素以下,而PC的屏幕宽度,一般都在1000像素以上(目前主流宽度是1366×768),有的还达到了2000像素。同样的内容,要在大小迥异的屏幕上,都呈现出满意的效果,并不是一件容易的事。
很多网站的解决方法,是为不同的设备提供不同的网页,比如专门提供一个mobile版本,或者iPhone / iPad版本。这样做固然保证了效果,但是比较麻烦,同时要维护好几个版本,而且如果一个网站有多个portal(入口),会大大增加架构设计的复杂度。
自适应是为了解决如何才能在不同大小的设备上呈现同样的网页。
3.扩展思考
自适应与响应式的区别
自适应是为了解决如何才能在不同大小的设备上呈现同样的网页,让同一张网页自动适应不同大小的屏幕,根据屏幕宽度,自动调整网页内容大小。但是无论怎样,他们主体的内容和布局是没有变的。
自适应还是暴露出一个问题,如果屏幕太小,即使网页能够根据屏幕大小进行适配,但是会感觉在小屏幕上查看,内容过于拥挤,响应式正是为了解决这个问题而衍生出来的概念。它可以自动识别屏幕宽度、并做出相应调整的网页设计,布局和展示的内容可能会有所变动。
响应式布局被大家熟知的一个重要原因就是 twitter 开源了 bootstrap。
相比自适应网站,响应式网站省去了很多的控件,同时也省去了不少建立和维护的功夫。响应式布局就是一种流体,在按百分比缩放时也能相当的流畅。
使用响应式设计,你要记住所以的布局。这当然可能会使过程混乱,并且使设计更加复杂。这就意味着你应该专注于中等分辨率的视图,然后再用media querie调整为更低或更高的分辨率。 所以通常的做法是,在一个新的项目中使用响应式设计,在后期的改造中使用自适应设计。
自适应可用于改造现有的网站使其更好地适应移动端。这使你的设计可控制和开发多个特定的视图。你开发视图的数量完全取决于你,你的公司和全面的预算。然而,它也提供了一定量的控件(例如在内容和布局上),如此你便无须使用响应式设计。但当你设计多种分辨率时你会发现,在改变窗口大小的时候将会“跳出”布局。
自适应网站可以用于设计和开发一个拥有多个自适应视图的网站。所以这种设计通常用于改造网站。
声明:除特殊声明外本站文档均由作者原创,转载请注明出处,原文地址:什么是自适应模板?自适应模板有什么优点缺点
什么是自适应模板?自适应模板有什么优点缺点相关推荐
- 苹果cms v8 漫漫看电影模板 自适应手机移动端
简介: 苹果cms v8 漫漫看电影模板 自适应手机移动端 网盘下载地址: http://kekewl.cc/dG6LC2i1VpA0 图片:
- 雪花开发者中心地府云自适应1号模板 雪花xueidc插件
介绍: 雪花开发者中心地府云自适应1号模板 雪花xueidc插件 网盘下载地址: http://kekewl.org/sdWApzam3bV0 图片:
- 飞飞CMS黑色自适应BX8X主题模板
简介: 飞飞CMS黑色自适应BX8X主题模板分享,自适应手机端,非常简单,适合新手学习. 模板使用方法:上传到TPL目录,后台设置即可使用. 网盘下载地址: http://kekewl.cc/qUNu ...
- SHINE OPENCART 自适应 多用途主题模板 ABC-0021
SHINE OPENCART 自适应 多用途主题模板 ABC-0021 Shine is a responsive multipurpose OpenCart theme which is fully ...
- 苹果cmsv10仿爱美剧网自适应美化模板免费模板
苹果cmsv10仿爱美剧网模板主题介绍: 模板名称:苹果cmsv10仿爱美剧网自适应美化模板免费模板 模板程序:苹果cmsv10 模板类型:自适应模板 模板颜色:黑色 模板来源:来自网络收集 下载方式 ...
- 苹果cmsV10仿优酷模板,最新自适应苹果cms模板
苹果cms优酷模板,苹果cms优酷模板免费送给大家V10版本,更加全面的功能支持 本套模板适用于苹果cms,最新仿优酷风格模板, 模板美观大气上档次,类优酷风格, 自适应,带手机风格 此模板花了重金购 ...
- 苹果cmsV10韩剧TV简约影视网站源码电脑和手机模板自适应
苹果cmsV10韩剧TV简约影视网站源码电脑和手机模板自适应 原创带后台设置多功能苹果CMSv10自适应seo高权重大屏模板 苹果cms10好看的模板自适应_苹果cmsv10高端模板_苹果cmsv10 ...
- 苹果cms模板_首涂第三套苹果CMSv10自适应视频站模板
首涂模板第三套下载地址: [第三套]苹果CMSv10自适应视频站模板首款DIY主题风格自己搭配_苹果cms_主题市场_我的主题网MyTheme 第一款DIY系列模板首发版,原创css框架专门针对视频模 ...
- 织梦html5博客模板,html5纯新闻资讯个人博客织梦模板(自适应)
html5纯新闻资讯个人博客织梦模板(自适应),织梦最新内核开发的模板,源码适用于新闻资讯.博客.站内站.采集站.嵌套站使用,纯资讯类型可主要优化排名使用. 模板效果请看真实的截图,如需要制定或者修改 ...
最新文章
- Nginx FastCGI的运行原理
- Linq的一些操作符-图表展示
- python中soup_python – 使用带有UTF-8的soup.get_text()
- 初三学生多会筹备计算机中考考试,2020年的初中生注意,中考将会发生这几大变化,最好提前准备...
- 计算机管理的服务列表,Windows
- unix iorp等待队列_FreeRTOS+POSIX之消息队列API详解
- Json string value cannot have line breaks(解决方法)
- python教程-Python入门教程完整版(懂中文就能学会)
- linux与Windows查看路由
- LNMP下Redis介绍以及安装(Linux)
- CCleaner v5.73.8130 发布,系统清理工具
- windows在cmd中用cl、link工具编译生成dll与lib
- 如何将电脑上的音乐导入iphone,怎样将电脑音乐导入苹果手机中
- 没固定公网 IP 的公司内网实现动态域名解析( 阿里云万网解析 )
- typora修改主题字体、代码块字体、行内块代码字体大小、引用块字体大小、代码块背景颜色、文章可写区域宽度以及修改教程
- [附源码]java毕业设计高校奖学金评定管理系统
- AIGC和ChatGPT的区别
- 如何入侵网页游戏服务器,游戏服务器被攻击了应该怎么办?如何保护游戏网站安全?...
- Python自动登陆淘宝并爬取商品数据
- 软件测试思维总结(2)-----跳跃性思维:不按套路出牌
热门文章
- SWOOSH数据下载
- 【监控仪表系统】Grafana 中文入门教程 | 构建你的第一个仪表盘
- 如何在零件中使用SOLIDWORKS DimXpert
- python_day05(笔记及练习)
- Linux中父shell 与 子shell :subshell 和 child shell
- 给Administrator设置指纹登陆
- 乒乓球捡球机器人_上海15岁初中女生,发明捡乒乓球机器人
- 服务器、网络、存储设备术语
- 【题解】慈溪中学-8.14-T1
- C语言2009年慈溪最大的数,慈溪中学2009年保送生招生考试科学[1]1