我一直在使用SVG进行大量的事情,我能够得到我想要的确切结果.这让我想知道为什么我们不能用它们构建整个网站......
我的意思并不是像替换index.html用index.svg.更像是拥有基本的HTML框架(用于元标记,样式表,脚本等),然后给出<body>一个内联<svg>子项,其他所有内容都会发生.(文字,布局,缩放等)
我最初的假设是,在形式功能,搜索引擎优化和可访问性方面,网站将会很短.但是,如果那些可以以某种方式被规避,那么强大的SVG功能可以用于渲染轻量级图形效果,可以有效地扩展到任何设备尺寸.
之前有没有尝试过这种方法?用SVG "替换" HTML有哪些潜在的缺陷?应该形成功能,搜索引擎优化和可访问性是一个有效的问题吗?
我正在尝试通过使两个元素彼此重叠一半来使用css网格进行响应式布局。在宽屏幕上,它们成一排并在水平方向上重叠,但在窄屏幕上,它们应成一列并在垂直方向上重叠。
这是我要实现的目标的说明:
CSS网格是否可能出现这种现象?这是我所走的距离,但现在我想尝试获得垂直重叠。
.wrapper {
background: white;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(444px, 1fr));
}
.wrapper__red, .wrapper__green {
align-self: center;
}
.wrapper__red {
z-index: 1;
background: red;
}
.wrapper__green {
justify-self: end;
height: 100%;
background: green;
}
Run Code Online (Sandbox Code Playgroud)
<div class="wrapper">
<h1 class="wrapper__red">Title text goes here</h1>
<img class="wrapper__green" src="/a.jpg" />
</div>
Run Code Online (Sandbox Code Playgroud) 我有一个应用程序需要根据目标操作系统使用不同的包,然后生成可执行文件。核心包有一个接口,需要根据所使用的包进行填充。
我最近发现实现这一目标的最佳方法是使用构建标签。但我正在努力解决的是让已加载的包使用正确的构建标签填充界面。或者也许有更好的替代方法。