网页部分仅可见于手机
这个问题在这里已经有了答案:
您可以使用响应式设计方法,并使用媒体查询来实现您只需使用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基金会
链接地址: http://www.djcxy.com/p/84067.html