现在电脑◇的分辨率□□很多，如1920px、1600px、1344px，网站在不□□□□同分辨率□□的表现是□□□□不一样，尤其是响□□应式网站□□的制作方□□便，需要适配□□□□不同的网□□□站尺寸，那么如何□□□□调试网站□□□□在不同分□□辨率的表□□□现呢？

随着现代社会的快速发展，手机几乎成了每个人不能离开的一部分，现在做网站的时候，也会考虑到手机浏览的事情，所以就出现了一种叫响应式的网站，就是在不同的分辨率的下，都能正常的显示网页，现在我们就讨论下如何响应式网站的各种分辨率的切换技巧。

我们以显示器的分辨率1920*1080来切换各种分辨率，如下图所示：

这种分辨率是目前比较主流的，大多数显示器都是这种分辨率，包括几年前的手机分辨率也是这个，但这是手机横屏分辨率，竖屏分辨率是1080*1920，也就是宽度是1080px。由于我们前端设计师在写样式的时候，都是根据显示器(手机屏幕)的宽度来写代码的，所以我们在测试网页的时候只要测试不同宽度的分辨率就可以了。
上面我说□□过显示器□□的分辨率□□□□宽度是1920px，那么如果□□□我们浏览□□更大的分□□□辨率的宽□□度该怎么□□□办呢？例如现在□□□□已经有大◇量的2560px宽度分辨□□率的显示□□器了，但我的显□□□示器最大丨分辨率只□□□有1920px,所以我们□□□就要对浏·览器进行○缩放来模□□□拟2560px的宽度，打开谷歌□□浏览器，如下图所●示：

点击右上□□□角的竖三□□□点，将缩放从100%缩小到75%,这个由计□□□□算公式1920÷75%=2560。如果想要□□浏览更大□□□宽度的分□□□□辨率，可以同样□□的方法，我们可以□□将浏览器□□□的百分比□□□设为x.目前的分□□辨率为y，需要浏览□□□□的宽度为z,公式为x=y÷z，得到的x为百分比，当然也可□□□□以出现z比y小的情况，这就是下□□□面我们要□□□说的笔记◇本上的分□□辨率。
先来看看笔记本显示两张图片：这就是1920*1080放大125%的分辨率。



其他这个□□□□显示器的□□实际分辨□□□□率可以根□□据上面的丨分辨率得▼到z=y÷x=1536,所以前端▲写样式的□□□□时候要注□□□意1536px的分辨率，不能仅仅◢只关注1400px的分辨率，还有一种□□□□是1920放大150%，也就1280px的分辨率，与常规的□□笔记1366px差不多。
以上就是◈教你如何◆使用一台□□□□显示器浏□□□□览所有主□□□流分辨率□□□□的情况，当然要记□□住，不是百分□□□百准确的，如果有体□□□□验的好，还是要有◢各种分辨□□□□率的显示□□□器会更好□□□□些。

上面是常◤用的使用□□□□不同分辨◣率调试网□□□□站的方法，还有一种□□□就是使用□□□网站调试□□工具，如按浏览□□□□器的F12快捷键，里面可以□□□□设置分辨●率。