如何区别一个网站是不是响应式

Posted

tags:

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

参考技术A 区别比较明显,就是当你缩小屏幕时,响应式网站的内容会自动调节大小,更方便查看。还有一些大型商业网站,他们能达到PC、移动端的统一,但不是响应式网站,而是因为他们针对不同端体分别建设了网站,这时候可以发现在电脑上查看该企业信息的网址与手机端查看的网址是不一样的。不同的后台管理起来比较麻烦,比较适合大型企业。
使用建站宝盒设计的网站就全部是响应式网站,你可以上去看看效果,单传统版本现在用的比较少了,就是用手机查看时需要手动放大缩小内容。
参考技术B 技术型判别法
传统的网站架构是使用实际的宽度进行定义的,响应式网站在网页的内容框架中使用的是相对宽度,CSS代码中的max-width、background-size都会用百分比定义,这是最直接看一个网站能不能实现自适应的办法。
直观判别法
这是借助响应式网站的特点来实现的,打开一个网页,把浏览器缩小,如果在更小的页面中网站都能把自身的内容显示完整,这样的网站就是响应式网站。或者直接把一个网站地址复制到手机浏览器打开,如果出来的页面和电脑网页的布局相差很大,但能显示主要内容的,就是响应式网站。

以上是关于如何区别一个网站是不是响应式的主要内容,如果未能解决你的问题,请参考以下文章

响应式设计和自适应设计区别

响应式布局

如何评定一个响应式网站的好坏

利用axure进行响应式自适应网站的设计

如何利用H5响应式建站系统做响应式网站

如何做一个免费的单页面响应式网站