我已经使用了视口屏幕模式的组合，但在手机和平台上进行测试时，它们往往不起作用。
代码的一个例子，我一直使用有一个480px宽的html文档定义使用:
<link rel="stylesheet" media="only screen and (min-width: 320px) and (max-width: 480px) href="mobile.css" />
:
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
感谢您的帮助。
有这么多不同的屏幕尺寸，试图为它们设置样式是一场失败的战斗。一个更好的方法(有争议的)是专注于您自己内容的自然断点，并设置@media规则(如果有必要)以在需要的地方回流内容。您可以通过缩小和扩大浏览器窗口来轻松地测试这些断点。然后你就会知道，无论屏幕大小如何，你已经覆盖了所有基础，并且内容将适合该设备。