我有这个 CSS 来显示我的 html 表单和字段标签:
#enquiryForm { clear:both; padding:8px 40px 0 0; }
.enquiryField { clear:both; padding:5px 0; }
.enquiryField label { clear:none; float:left; }
.enquiryField input { clear:none; font-family:Calibri; float:right; padding:3px; width:189px; }
.enquiryField textarea { clear:none; float:right; font-family:Calibri; padding:5px; width:189px; }
.enquiryError { clear:both; color:#fff; font-family:Calibri; }
#enquirySent { color:#fff; font-family:Calibri; }
如果要将文本显示在字段顶部,我想将其放入我的响应式 CSS 代码中,那么最好的做法是什么
最佳答案
我假设“在顶部”是指直接之前而不是覆盖输入,因为那样会很奇怪。
将其包装在 @media
查询中并删除所有 float ,将宽度设置为 100% 并添加一些边距。它将以线性方式跨浏览器/设备显示,视口(viewport)宽度小于 480 像素,根据需要更新宽度等。
关于html - 响应式 CSS 表单字段,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16575939/