jquery-mobile表单 表单媒体查询

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

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

表单媒体查询

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

.my-label{
color:gray;
}

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

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