我一直在寻找一种防止Chrome浏览器窗口在桌面上查看应用程序时将其大小调整为特定宽度以下的方法。
话虽如此，我最近注意到，在常规浏览器窗口中查看时，无法将用于登录的material-ui模态组件的大小调整为小于其宽度（但如果从通过选择创建的Chrome快捷方式进行查看，则可以“更多工具->创建快捷方式...”，然后选中“以窗口形式打开...”框。
我的问题是，防止调整大小的Material-UI模式是什么？我想重现这种行为，而又不做任何怪异的事情，例如将我的整个应用程序包装成模态。
到目前为止，我阅读的所有线程要么表明大多数浏览器不再允许这样做，要么包含当我尝试它们时不起作用的解决方案。
我的模态代码在这里： https://github.com/jehillert/timelockr-client/blob/master/src/components/forms/AuthModal.jsx
并且可以在此处找到该代码的演示： https://timelockr.hillert.dev/
请注意，即使我用空的div替换了模式的子级（即选项卡和对话框组件），调整大小行为仍然存在。
答案 0 :(得分：0)
据我所知，这与Material-UI无关。无论内容是什么，Chrome似乎都具有相同的行为（例如，在显示此StackOverflow页面的Chrome窗口中，我看到的行为相同）。似乎阻止您小于500px。