【发布时间】:2014-06-15 18:43:59
【问题描述】:
我有一个项目要做,我迫切需要一个网站,它可以向我展示使用我拥有的代码的移动网站的外观。问题是我没有可以使用它的网站 url 来显示随它提供的图像。
谢谢,
亚当
【问题讨论】:
标签: html css testing mobile tablet
我有一个项目要做,我迫切需要一个网站,它可以向我展示使用我拥有的代码的移动网站的外观。问题是我没有可以使用它的网站 url 来显示随它提供的图像。
谢谢,
亚当
【问题讨论】:
标签: html css testing mobile tablet
您可以使用 Google Chrome 的模拟功能。打开您的网页并点击Ctrl+Shift+J 打开开发工具。在那里,单击“抽屉”图标(右起第三个)-它将打开抽屉面板。在那里,使用“仿真”选项卡 - 它允许您从不同的各种设备中进行选择。 Chrome 将模拟屏幕分辨率、输入和用户代理字符串。
【讨论】:
在您的桌面上获取页面并调整窗口大小,使其类似于移动设备的大小。几乎你正在使窗口与手机浏览器的像素大小相同。
就图片而言,您需要一个网址。你也许可以使用这个 http://jsfiddle.net/
【讨论】:
在 Firefox 中,您可以使用命令“ctrl+shif+m”来使用响应式设计布局。
这配置了设备的默认范围。
您也可以在 firefox 和 chrome 中安装“web developer tool”。它有一个“调整大小”工具,可以在移动设备和平板电脑视图中显示您的页面。
【讨论】: