首页 > web前端 > css教程 > 仅针对媒体的帮助

仅针对媒体的帮助

Mary-Kate Olsen
发布: 2025-01-05 12:05:40
原创
627 人浏览过

Help for media only

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

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

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

我在主页的 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中文网其他相关文章!

来源:dev.to
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板