表单:http://www.pawsingoodcare.com/contact-usJoomla 2.5.19,Yootheme Nano。
表单是按照客户端想要的方式设置和工作的,但有一个例外:在智能手机大小的视口中看到表单时会中断。
我已经能够使用内置在主题中的custom.css来编辑表单的其他部分。示例:
h3 { font-size: 18px; line-height: 18px; display:none;}
我甚至可以使用操作表单宽度
#system .item > *:last-child {
margin-bottom: 0;
width: 100%;
}
然而,我尝试过使用媒体查询示例:
@media only screen
and (min-width : 321px) {
width:50%;
min-width:200px;
}
Q: 如何使表单具有响应性?
正如@Kheema所说,我们收到了一个拒绝访问错误,这意味着可能有一些脚本正在运行,只允许您的IP地址查看网站。
至于你的媒体查询,你的不起作用的原因是因为你还没有定义要将样式应用到哪个元素。看看这个:
@media only screen
and (min-device-width : 321px) /* define the min width */
and (max-device-width : 768px) { /* define the max width */
input, textarea { /* define the element */
width: 100%;
}
/* continue adding more code */
}
我收到拒绝访问警报,所以不确定你在页面中使用了什么元标签。。
你用这种方法累了吗。
/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
/* Styles */
}