如何使用响应式屏幕尺寸测试仪
- 输入要测试的页面的地址。
- 选择设备或输入自定义尺寸。
- 加载页面，然后旋转以检查横向。
局限性
页面以您选择的确切宽度加载到框架中，因此其 CSS 媒体查询的行为与该屏幕上的行为相同。许多网站，包括大型平台，拒绝在框架内显示，您会看到空白或错误页面。它最适合您自己的站点或本地开发服务器。它不模拟触摸、手机的用户代理或设备像素比；为此，请使用浏览器的开发人员工具。
示例
典型的现代电话
风景中的平板电脑
响应式屏幕尺寸测试仪
许多网站拒绝在其他页面内显示。它最适合您自己的站点或本地开发服务器。
问题
为什么页面是空白的？
该站点可能会阻止在其他页面（X-Frame-Options 或frame-ancestors）内显示。这是该网站上的安全设置。