Php 如何使Joomla 2.5表格在Yootheme网站上具有响应性？

表格： Joomla 2.5.19，Yootheme Nano

表单是按照客户希望的方式设置和工作的——只有一个例外：在智能手机大小的视口中查看时，表单会中断

我已经能够使用内置于主题中的custom.css编辑表单的其他部分。例如：

h3 { font-size: 18px; line-height: 18px; display:none;}

@media only screen 
and (min-width : 321px) {
width:50%;
min-width:200px;
   }

我甚至可以使用

#system .item > *:last-child {
margin-bottom: 0;
width: 100%;
   }

但是，我尝试使用媒体查询示例：

h3 { font-size: 18px; line-height: 18px; display:none;}

@media only screen 
and (min-width : 321px) {
width:50%;
min-width:200px;
   }

---

问：如何使表单响应？

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

你用这种方法累了吗

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

---

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

}

---

thanks@Kheema我对其中一些内容不太熟悉…不确定您试图访问什么以接收拒绝访问，也不确定在此上下文中您所指的元标记是什么意思。。。已尝试将您的设置与#system.item code一起使用，上面的宽度为50%=将表单带到50%桌面。表单仍然在小viewport@media-only屏幕{和（最小设备宽度：320px）和（最大设备宽度：480px）}系统中中断。项目>*：最后一个孩子{宽度：80%；}我正在尝试访问您在这里发布的链接。但它给了我404的错误。关于meta标签，我假设你说的是iphone设备。如果您担心iPone设备，则必须在页面的

标记下添加这些元标记<代码>谢谢@Kheema。我正在处理拒绝访问的问题。我不确定Joomla 2.5站点上的标记区域在哪里。哪个文件？在服务器的根级别搜索模板文件夹，您将看到

NANO

theme文件夹，并在那里搜索index.php文件，您可以在tag.hmm中添加任何元标记。它是php://未定义直接访问（“ujexec”）或die（“受限访问”）；//include config include_once（dirname（FILE）。'/config.php'）；//获取warp$warp=warp:：getInstance（）；//加载主模板文件，位于/layouts/template.php echo$warp['template']->render（'template'）；我是否在template.php中查找？对不访问网站感到困惑。这里是主站点：你能访问这个吗？如果是这样的话，有联系方式的链接。这个网站的访问问题比css更紧急-但是我会尝试你的建议。不，我不能访问这个eitherThanks@Lodder。1.我将在哪里查找脚本或导致访问问题的任何内容。2.使用建议的代码-形式无变化。我需要头上的东西吗？整个站点没有响应。或者在你建议的媒体查询中添加代码可以做到这一点吗。我不知道是什么导致了拒绝访问错误。2.我的代码只是让你开始。因为我看不到表格，我不能给你一个更准确的答案。我错了，网站是有响应的，只是没有Joomla表格。我正在通过重新调整浏览器进行检查。在FireFox中重新调整大小时，站点没有响应。