仅针对媒体的帮助

来源:undefined 2025-01-10 22:05:58 0

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

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

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

我在主页的 css 文件中创建了一些 media only 元素,但这些元素不会立即应用于移动设备。我还应该指出,我使用 firefox developer edition,它具有将页面显示为移动设备的模式。

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

也许有 html 和 css 经验的人可以提供正确的尺寸吗?

我的代码

1

2

3

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中文网其它相关文章!

最新文章