Macos 在Mac OSX上将最小宽度设置为320px

是否可以将OSX窗口的最小宽度设置为320px

Safari中的默认最小宽度大于此值，这使得使用媒体查询编程和在OSX上复制变得困难。请看我的截图，这将使事情更清楚

顺便说一句，如果你要发布技术性的答案（我想有人会），请记住我没有后端代码的经验，我知道的最多的是CSS/PHP/JS。

---

我不介意弄脏我的手，但说明需要详细：-）

在Safari中，您可以安装一个名为“Resizer”的扩展，并且可以选择输入自定义大小

有趣的是，一旦您使用Resizer更改窗口大小，就可以手动将其调整为您想要的任何大小。这几乎就像使用Resizer打开窗口一样。

摘自-在操作系统X上的chrome和safari中为我工作

var location = 'http://www.my-app-address.com'
javascript:open(location,'iPhone:portrait','innerWidth='+(320+15)+',innerHeight='+(480+15)+',scrollbars=yes');

至于景观：

javascript:open(location,'iPhone:landscape','innerWidth='+(480+15)+',innerHeight='+(320+15)+',scrollbars=yes');

---

我已经创建了一个chrome扩展，它将当前窗口弹出一个320px的窗口

基本上与Rubinsh的解决方案相同，但代码免费

---

drummin提到的Resizer扩展没有为我提供这种行为。

现在可以通过Chrome开发工具模拟这种行为

打开Inspector，单击右下角的齿轮，然后转到“覆盖”选项卡

---

您甚至可以欺骗您的用户代理：）

如果您的目标是查看站点在iPhone上的外观，您可以随时从Mac App Store（包括iOS模拟器）免费下载

---

或者，如果你有一部iPhone（如果你正在为它开发网站，我想你会这样做），iOS 6包含一项功能，可以让你在Mac上使用Web Inspector来检查和编辑iPhone上加载的网站。

你的意思是：如果你将min width设置为320px，你仍然无法将窗口大小调整为320px？（Safari要求更大的宽度？）我刚刚尝试了Chrome，并且有完全相同的行为。是的，这就是我的意思。我相信我仍然可以知道设计是什么样子的，只是很烦人，我不能将它设置为320px，就像iPhoneHey Drummin一样，这确实很有用。然而，不幸的是，它并不完美地满足我的工作流需求-我使用Espresso 2进行实时CSS预览，尽管它使用安装的Safari引擎来呈现预览，但显然它没有扩展生态系统。到目前为止，我发现最好的方法是使用内置的iOS模拟器，并结合LiveReload.com生成刷新。我已经要求开发人员对此进行调查，但是谢谢你的建议。非常好，谢谢！不过，如果滚动条在默认情况下是隐藏的，那么删除+15会更好。