1、视口 视口（viewport）就是浏览器显示页面内容的屏幕区域。 视口可以分为布局视口、视觉视口和理想视口。 1.1布局视口 layout viewport 一般移动设备的浏览器都默认设置了一个布局视口，用于解决早期的PC端页面在手机上显示的问题。iOS, …

何为自适应设计？何为响应式设计？ 关于自适应设计和响应式设计，设计师的最佳选择是什么？ 最近接到的几个页面需求后台都做了自适应布局，这并不是第一次接触到自适应布局和响应式布局等名词，但是没有仔细研究…

在开发前端的时候，界面布局尤为重要，要布局的非常合理，好看，css是必不可少的，然后是各种布局，使用这些布局，进行混合搭配，最终的目的都是开发一个完整的界面。前端的技术变化是五花八…

CSS 响应式布局也称自适应布局，是 Ethan Marcotte 在 2010 年 5 月份提出的一个概念，简单来讲就是一个网站能够兼容多个不同的终端（设备），而不是为每个终端做一个特定的版本。这个概念是为解决移动端浏览网页而诞生的。…

自适应：自己根据屏幕宽度的改变而改变（典型的写法不需要media判断，直接让每个元素通过相对的宽度，比如百分比、vh、em 、rem等来改变容器的大小，文字的大小） 响应式：根据设备的不同而展示不同的…

前言 “自适应设计和响应式设计的区别”是个老生常谈的问题，在这里将更加直白的来介绍它们之间的不同之处。 视口 先来了解一个概念（下文中经常出现）： 视口：用户浏览信息屏幕尺寸大小（每一个视口后面都是…

XML 与 HTML区别 什么是XML、HTML？ XML:可扩展标记语言，标准通用标记语言的子集，是一种用于标记电子文件使其具有结构性的标记语言。 HTML:超文本标记语言,就是指页面内可以包 含图片、链接，甚至音乐、程序等非文字元素。超文本…

Computer Science发展和介绍，从底层的布尔逻辑到热门的CV、NLP；言简意赅，覆盖面非常广，还能练习英语。 【计算机科学速成课】[40集全/精校] - Crash Course Computer Science