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

发布于 2024-12-08 06:33:27 字数 262 浏览 0 评论 0原文

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

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

顺便说一句,如果您要发布技术答案(我假设有人会),请记住我没有后端代码的经验,我最了解的是 CSS / PHP / JS。 我不介意弄脏我的手,但说明需要详细:-)在此处输入图像描述

Is it possible to set a min width for an OSX window to 320px?

The default min width in Safari is greater than this which makes it difficult to program with media queries and replicate on OSX. Please see my screenshot, which will make things clearer.

Incidentally if you are going to post techy answers (I assume someone will) please bear in mind I have no experience with backend code, the most I know is CSS / PHP / JS.
I don't mind getting my hands dirty, but the instructions need to be verbose :-)enter image description here

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(5

寻梦旅人 2024-12-15 06:33:27

取自此链接 - 在两个方面都对我有用OS 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');

Taken from This Link - worked for me in both chrome and safari on OS X

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

and for landscape:

javascript:open(location,'iPhone:landscape','innerWidth='+(480+15)+',innerHeight='+(320+15)+',scrollbars=yes');
回忆躺在深渊里 2024-12-15 06:33:27

在 Safari 中,您可以安装名为“Resizer”的扩展程序,并且可以选择输入自定义尺寸。

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

In Safari, you can install an extension called 'Resizer' and you have the option of putting in custom sizes.

The funny thing is, once you use Resizer to change the window size, it can then be resized by hand to any size you want. It is almost like using Resizer unlocks the window.

微暖i 2024-12-15 06:33:27

我创建了一个 Chrome 扩展程序OSX Resizer,它会弹出一个 320 像素的窗口当前窗口。

与 Rubinsh 的解决方案基本相同,但无需代码。

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

I've created a chrome extension,OSX Resizer, that makes a 320px pop-up of the current window.

Basically the same as Rubinsh's solution, but code free.

The Resizer extension that drummin mentions does not provide this behavior for me.

笑着哭最痛 2024-12-15 06:33:27

现在可以通过 Chrome 开发工具来模拟这一点。

打开检查器,单击右下角的齿轮,然后转到“覆盖”选项卡。

你甚至可以欺骗你的用户代理:)

This can be emulated through Chrome Dev Tools now.

Open Inspector, click the gear on the bottom right, and goto the 'Overrides' tab.

You can even spoof your user agent :)

久伴你 2024-12-15 06:33:27

如果您的目标是查看网站在 iPhone 上的显示效果,您可以随时 从 Mac App Store 免费下载 Xcode,其中包括 iOS 模拟器。

或者,如果您有 iPhone(如果您正在为其开发网站,我假设您有),iOS 6 包含一个 远程调试功能,让您可以使用 Mac 上的 Web 检查器来检查和编辑 iPhone 上加载的网站。

If your goal is to see how sites will look on an iPhone, you can always download Xcode for free from the Mac App Store, which includes the iOS Simulator.

Alternatively, if you have an iPhone (I assume you do if you're developing sites for it), iOS 6 includes a remote debugging feature that lets you use the Web Inspector on your Mac to inspect and edit a site loaded on your iPhone.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文