不能直接在我的 asp 经典代码页中使用媒体查询(使用 css)
Posted
技术标签:
【中文标题】不能直接在我的 asp 经典代码页中使用媒体查询(使用 css)【英文标题】:Cant use media-queries (with the css) directly in my asp classic code page 【发布时间】:2015-04-30 10:31:48 【问题描述】:我的媒体查询有问题。在我的网站上,我使用框架集来显示表单。此表单是在 asp(经典)文件中创建的,其中也包含其代码。
在我第一次尝试启动它时,我有一个指向我的 css 样式表的链接,但我发现这不起作用,因为它是跨服务器的。
所以我把我所有的 css 样式直接放在我的 asp 代码页中,我的样式又可以工作了。然而,缺点是我在以前的样式表中使用了@media 查询,但是由于某种原因,当我将我的 css 直接放在我的 asp 页面中(打开和关闭)时,当包含 @media 查询时页面会出错。当我把它们排除在外时,它工作正常。
.asp 扩展名中的代码 + css + html 文件。
<!--#include file="tools.asp"-->
<!--#include file="connectionMemo.asp"-->
<HTML>
<HEAD>
<style type=text/css>
<%
' Cannot link css file cross domain
%>
@media only screen and (min-width : 1224px)
.Some style here
@media only screen and (min-width : 1801px)
.Some other style here
</style>
<TITLE>Ticket aanmaken</TITLE>
</HEAD>
<BODY bgcolor="#C0D1E5">
<h2 align="left"><font face="Verdana, Arial" color="#000080">Ticket aanmaken</font></h2>
~ASP, javascript and html code here for the functionality (to much to all copy paste).
</body>
</html>
~Some more asp code here
在我的第一次尝试中,我像工具和连接文件一样包含了 css 样式表,但由于明显的原因(没有 asp 文件,不在标题中等),这不起作用。然后我只是将 css 样式表与href 链接,但因为文件是跨域的,所以这也不起作用。
上面的代码是我最后一次尝试,我只是将样式表直接粘贴到代码/功能页面 - asp 文件中(所以我没有遇到跨域问题)。
这也不起作用,似乎是媒体查询导致了问题。当我删除媒体查询时,css 被加载,当我只删除***媒体查询时,css 也被加载(可能是因为它加载了它遇到的第一个 css 并且它可以加载)。
有人知道如何解决这个问题吗?
【问题讨论】:
发布一些诊断代码,例如"此代码有效:BadCode
,此代码无效:GoodCode
"
如果我们能够帮助您,我们将需要更多信息。你能创建一个MCVE吗?
@JamieBarker 抱歉,用代码更新了原帖!通常这样做,但我认为我的解释已经足够了,如果你没有自己编码,那当然是不够的;)
“我的 css 样式表的链接,虽然我发现这不起作用,因为它是跨服务器的”——通常样式表不受这种方式的限制;因此完全不清楚你在这里问什么。从您在服务器端使用 asp 的事实中抽象出您的问题 - 客户端 不在乎。
啊好吧,学到了新东西。其他一些程序员告诉我这可能是问题/问题。至于 ASP 部分,最好提供更多而不是更少的信息,对吧?
【参考方案1】:
尝试使用双@@ 符号。这将转义@符号并在客户端正确呈现@media
Source: https://***.com/questions/7027469/media-media-query-and-asp-net-mvc-razor-syntax-***
【讨论】:
谢谢你的回答,可惜没有效果。以上是关于不能直接在我的 asp 经典代码页中使用媒体查询(使用 css)的主要内容,如果未能解决你的问题,请参考以下文章