<分区>
标签 javascript css html
<分区>
我为我制作的某个 Web 应用程序构建了一个网页。 我只想为智能手机用户添加一个特定选项,并且不希望它对非智能手机用户可见。 有没有什么方法可以定义一个部分 ( div ) 只对智能手机用户可见?
提前致谢。
最佳答案
您可以使用响应式设计方法,并使用媒体查询仅通过 css 实现您想要的:
//THIS CSS CLASS IS APPLIED ALWAYS
div.my-option {
display: none;
}
//THIS MEDIA QUERY APPLIES ITS STYLES ONLY WHEN THE SCREEN WIDTH IS <= 767, SO IT'S A SMARTPHONE DISPLAY.
//IT OVERRIDES THE ONE ABOVE
@media only screen and ( max-width: 767px ) {
div.my-option {
display: inline;
}
}
如果您对响应式设计感兴趣,两个最扩展的选项是 Bootstrap和 Zurb Foundation
关于javascript - 网页部分仅对手机可见,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15791109/