模拟不同的客户端分辨率
有没有办法在其他显示器(例如 14 或 15 英寸显示器)中预览我们的模板?
有模拟器程序吗?我想检查当我的网站打开时屏幕上没有水平滚动。
Is there any way to make a preview of our template in other monitors like 14 or 15 inch monitors ?
Is there any simulator program ? I want to check that there is no horizontal scroll on screen when my web site opens .
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(5)
这是测试一堆不同设备视口的非常快速的方法
http://www.benjaminkeen.com/misc/bricss/
最重要的是 - 您可以定义自己的视口尺寸。
This is a pretty quick way to test a bunch of different device viewports
http://www.benjaminkeen.com/misc/bricss/
Best of all - You can define your own viewport sizes.
有多个浏览器插件可以通过调整浏览器窗口大小来模拟分辨率更改。 Window Resizer 是一款适用于 Firefox 的工具。
除此之外,您还可以更改显示器的分辨率来测试网站在其他屏幕上的外观。 (重要的是屏幕分辨率,而不是显示器尺寸。)
There are several browser plugins that will simulate a resolution change by resizing the browser window. Window Resizer is one for Firefox.
Other than that, you can change your monitor's resolution to test what a site looks like on other screens. (What counts is the screen resolution, not monitor size.)
ResizeMyBrowser 是我的首选 - 我只是在一个选项卡中将其打开,而在另一个选项卡中处理我正在处理的任何事情,并且很容易看到所有“实时”选项。
ResizeMyBrowser is my go-to for this - I just keep it open in one tab and whatever I'm working on in another, and it's easy to see all the options 'live'.
在不同分辨率下测试网站的另一个解决方案是 Sizer
调整所有现代浏览器(32 和 64 位)的大小都没有问题Windows),甚至是 64 位版本。
Another solution for testing your site on different resolutions is Sizer
No problems with resizing all modern browsers (32 and 64bit Windows), even their 64bit versions.
Firefox 现在具有支持调整视口大小的本机开发人员功能:使用
Shift
+F2
打开 Firefox 命令行,然后键入“resize on”。现在,您在前一个视口中拥有了一个框架,可以将其移动到您想要的范围。您还可以通过输入“resize to”来调用特定的视口大小。Firefox now has a native developer feature that supports resizing the viewport: Open the Firefox command line with
Shift
+F2
, then type "resize on". Now you have a frame within the former viewport that can be shifted to the extents of your desire. You can also call a certain viewport size by entering "resize to ".