仅针对媒体的帮助

您好，我想知道您是否可以帮助我解决我在实现纯媒体屏幕时遇到的问题。

值得一提的是，我是一名新手程序员，这是我第一次开发这么大的代码。

我目前正在为我的公司开发新网站，并且我已经完成了主页。我现在专注于使其能够响应移动设备。

我在主页的 CSS 文件中创建了一些 Media Only 元素，但这些元素不会立即应用于移动设备。我还应该指出，我使用 FireFox Developer Edition，它具有将页面显示为移动设备的模式。

我创建了纯媒体屏幕并在线搜索了大多数移动设备的尺寸，但恐怕我的尺寸可能有误。您愿意帮助我吗？

也许有 HTML 和 CSS 经验的人可以提供正确的尺寸吗？

我的代码

media only screen and (min-width: 360px) and (max-width: 393px){}
@media only screen and (min-width: 412px) and (max-width: 428px){}
@media (min-width: 576px) and (max-width: 768px) {}

以上是仅针对媒体的帮助的详细内容。更多信息请关注PHP中文网其他相关文章！