响应式

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了响应式相关的知识,希望对你有一定的参考价值。

响应式

需要设置viewport

<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">

width=device-width 表示显示当前视窗宽度

initial-scale=1.0 表示显示当前大小不进行缩放

user-scalable=no 表示不允许用户手动进行缩放


@media screen and (max-width: 1000px) and (min-width: 400px) { }

max-width 当前视窗宽度小于1000px

min-width 当前视窗宽度大于400px

以上是关于响应式的主要内容,如果未能解决你的问题,请参考以下文章

H5响应式布局 响应式图片 响应式布局网站怎么写?

响应式编程详解,带你熟悉Reactor响应式编程

网页设计中响应式具体怎么实现?

响应式设计之所以叫响应式“设计”而不叫响应式“技术”

什么是响应式是什么

学生专用网页响应式网页设计动漫主题 bootstrap响应式设计动漫源码分享 附福利网页下载链接