-
响应式:一套代码运用到手机、电脑、平板等不同设备;一个URL适应全部设备;响应式加@media
-
自适应:适应屏幕大小,屏幕大,内容就大,屏幕小内容就小;
-
适配:rem等是单位,不能做适配,弹性盒是布局的方案,不能做适配;适应各种分辨率,使用rem单位,设置html根元素的字体大小,利用媒体查询限制宽度,然后写根元素的大小是多少,如:
html{
font-size:10px}
@media screen and (min-width:321px) and (
响应式:一套代码运用到手机、电脑、平板等不同设备;一个URL适应全部设备;响应式加@media
自适应:适应屏幕大小,屏幕大,内容就大,屏幕小内容就小;
适配:rem等是单位,不能做适配,弹性盒是布局的方案,不能做适配;适应各种分辨率,使用rem单位,设置html根元素的字体大小,利用媒体查询限制宽度,然后写根元素的大小是多少,如:
html{
font-size:10px}
@media screen and (min-width:321px) and (