登录
首页 >  文章 >  前端

仅针对媒体的帮助

来源:dev.to

时间:2025-01-15 09:12:30 428浏览 收藏

一分耕耘,一分收获!既然打开了这篇文章《仅针对媒体的帮助》,就坚持看下去吧!文中内容包含等等知识点...希望你能在阅读本文后,能真真实实学到知识或者帮你解决心中的疑惑,也欢迎大佬或者新人朋友们多留言评论,多给建议!谢谢!

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

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

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

我在主页的 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) {}

以上就是《仅针对媒体的帮助》的详细内容,更多关于的资料请关注golang学习网公众号!

声明:本文转载于:dev.to 如有侵犯,请联系study_golang@163.com删除
相关阅读
更多>
最新阅读
更多>
课程推荐
更多>