我敢肯定这是一个很普遍的问题，我为这个标题道歉，但我不知道该怎么说。
背景:VisualStudio 2022预览版，. net 4.8, ASP。Net(非Core)
index.aspx
<asp:Content ID="BodyContent" ContentPlaceHolderID="MainContent" runat="server">
<style>
iframe {
position: absolute;
border: solid ;
border-width: 1px;
box-sizing: border-box;
min-width: 855px;
min-height: 465px;
}
</style>
<div class="divCanvas">
<canvas id="compass" height="230" width="230"></canvas>
</div>
<iframe id="if1"
src="https://awebsite">
</iframe>
</asp:Content>
CSS
#compass {
background: url("../images/compass2.png");
background-size: cover;
vertical-align: middle;
}
.divCanvas
{
z-index:99;
position:absolute;
margin-left: 525px;
margin-top: 70px;
}
所以我们这里有一个简单的<iframe>显示我一个网站，并使用CSS和<div>，我在iframe上叠加一个<canvas>对象，是的，在一个特定的点，这样它就覆盖了iframe的一个区域，我想要它显示，因此margin-left和margin-right属性。
问题是，这只适用于桌面浏览器(所有浏览器)，但除了在移动浏览器中显示iframe(再次显示所有浏览器)之外，什么也不做。我的<div>怎么了?
顺便说一句，VS项目生成了一个ViewSwitcher.ascx文件，我认为这是这里的问题，但它并没有突出代码中有任何移动浏览器发生的事情。
有什么想法吗?我应该使用ViewSwitcherascx文件以某种方式显示我的div在iframe?我不知道viewswitcher在这里真正做什么，或者是否需要它。
答案是缺乏设计。基本上，我错过了Site.Master文件的Site.Mobile.Master移动版本，我必须为桌面版本包含对相同CSS的引用。是的，我希望手机版能像桌面版一样!
& lt; webopt: bundlereference
<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Site.Mobile.master.cs" Inherits="mysite.Site_Mobile" %>
<%@ Register Src="~/ViewSwitcher.ascx" TagPrefix="friendlyUrls" TagName="ViewSwitcher" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta name="HandheldFriendly" content="True" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta http-equiv="Refresh" content="60" />
<title>mywebsite</title>
<asp:ContentPlaceHolder runat="server" ID="HeadContent" />
<webopt:bundlereference runat="server" path="~/Content/css" />
</head>
<body>
<form id="form2" runat="server">
<div>
<asp:ContentPlaceHolder runat="server" ID="FeaturedContent" />
<section class="content-wrapper main-content clear-fix">
<asp:ContentPlaceHolder ID="MainContent" runat="server">
</asp:ContentPlaceHolder>
</section>
<friendlyUrls:ViewSwitcher runat="server" />
</div>
</form>
</body>
</html>