Question

形式：http://www.pawsingoodcare.com/contact-us Joomla 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;
   }

问：如何使表单响应？

Answer 1

我收到访问拒绝提醒，因此不确定您在页面中使用了哪些元标记..

你是否厌倦了这种方式。

/* Smartphones (portrait and landscape) ----------- */
@media only screen
 and (min-device-width : 320px)
 and (max-device-width : 480px) {
/* Styles */
}

Answer 2

正如@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 */

}

如何在Yootheme网站上制作Joomla 2.5表格？

2 个答案: