jquery-mobile表单 表单媒体查询

button提交的时候如果页面抖的话 就把高度写死

把input默认的样式去掉 在input标签上添加 data-role="none"

表单媒体查询

.my-control,.my-label{
display: inline-block !important;
}

.my-label{
color:gray;
}

@media all and (min-width:768px ) {
.my-label{
width: 25%;
}
.my-control{
width: 73%;
}
}
@media all and (min-width:500px ) and (max-width:767px) {
.my-label{
width: 36%;
}
.my-control{
width: 68%;
}
}
@media all and (min-width:350px ) and (max-width:499px) {
.my-label{
width: 27%;
}
.my-control {
width: 70%;
}
}
@media all and (max-width:350px ) {
.my-label{
width: 30%;
}
.my-control{
width: 63%;
}
}

 

  如需隐藏 label，请使用类 ui-hidden-accessible。这很常用，当您需要元素的 placeholder 属性充当 label 时：