如果我仅限于说1920 x 1080的屏幕,如何在无法测试的情况下为更大的屏幕尺寸创建媒体查询?如何为比您拥有的大屏幕编写媒体查询?
1
A
回答
1
0
在Chrome开发者工具中,您可以使用use Device Mode来模拟任何分辨率,而不仅仅是移动断点。
0
如果您使用的是谷歌浏览器,您可以打开网络检查器Ctrl-Shift-I
,然后使用Ctrl-Shift-M
切换设备模式。它主要用于较小的设备,但您应该能够在屏幕顶部出现的菜单中选择“响应”,然后输入您希望的任何分辨率以及缩放级别,以便您可以查看它在你的屏幕上,尽管缩放。
0
如果您使用的是Safari,您可以相对容易地做到这一点。
如果你不使用Safari,你可能应该得到它,至少在网站测试。正如您在步骤6中看到的,Safari拥有许多非常有用的开发工具(即禁用JS,禁用CSS等)。
下面是一些说明与图片!
- 转至Safari浏览器菜单(左上角)。
- 在该菜单上点击首选项,这应该打开一个弹出框。
- 在弹出框,点击高级标签。
- 在该选项卡的最底部,您应该看到一个复选框,其中显示菜单栏中的显示显影菜单,然后选中该框。
- 现在加载你的网站在Safari。
相关问题
- 1. 您将如何为多种屏幕尺寸编写媒体查询?
- 2. 重写所有屏幕大小的桌面媒体查询
- 3. CSS媒体查询大屏幕覆盖媒体查询小屏幕
- 4. 媒体查询CSS - 目标大屏幕
- 5. 媒体查询“屏幕” CSS
- 6. 如何为3840x2160编写媒体查询
- 7. 手机 - 媒体查询屏幕较小,申请大屏幕
- 8. 如何为每个设备大小编写媒体查询
- 9. 小屏幕媒体查询css
- 10. 媒体查询:屏幕> 1024
- 11. Susy媒体查询输出&“屏幕”
- 12. 如何在手写笔中为媒体查询编写变量?
- 13. 适应屏幕大小时的媒体查询错误
- 14. 平板电脑屏幕媒体查询多个屏幕因素
- 15. 媒体查询用于桌面屏幕和手机屏幕
- 16. 如何更改我的媒体查询屏幕?
- 17. 媒体查询中的“屏幕”和“唯一屏幕”有什么区别?
- 18. 如何使用@media媒体查询定位特定的屏幕大小?
- 19. 所有屏幕尺寸的媒体查询
- 20. 媒体查询没有响应正确的屏幕尺寸
- 21. 如何为480 * 800和480 * 856设备编写媒体查询?
- 22. 如何通过CSS媒体查询区分手机和屏幕?
- 23. 如何实现具有小屏幕的android设备的媒体查询?
- 24. 媒体查询全屏
- 25. CSS媒体屏幕
- 26. 媒体查询没有在IE8中被屏幕拾起
- 27. 媒体=全部vs媒体=屏幕
- 28. 媒体查询重写
- 29. 媒体查询被重写
- 30. 为屏幕和打印媒体设计页面 - 字体大小