小编Fan*_*oit的帖子

整个网站都是用SVG构建的

我一直在使用SVG进行大量的事情,我能够得到我想要的确切结果.这让我想知道为什么我们不能用它们构建整个网站......

我的意思并不是像替换index.htmlindex.svg.更像是拥有基本的HTML框架(用于元标记,样式表,脚本等),然后给出<body>一个内联<svg>子项,其他所有内容都会发生.(文字,布局,缩放等)

我最初的假设是,在形式功能,搜索引擎优化和可访问性方面,网站将会很短.但是,如果那些可以以某种方式被规避,那么强大的SVG功能可以用于渲染轻量级图形效果,可以有效地扩展到任何设备尺寸.

之前有没有尝试过这种方法?用SVG "替换" HTML有哪些潜在的缺陷?应该形成功能,搜索引擎优化和可访问性是一个有效的问题吗?

html svg accessibility web

5
推荐指数
1
解决办法
1112
查看次数

CSS网格中的重叠项目

我正在尝试通过使两个元素彼此重叠一半来使用css网格进行响应式布局。在宽屏幕上,它们成一排并在水平方向上重叠,但在窄屏幕上,它们应成一列并在垂直方向上重叠。

这是我要实现的目标的说明:

在此处输入图片说明

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)

的HTML

<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)

html css css3 css-grid

5
推荐指数
1
解决办法
1万
查看次数

使用不同的包和构建标签构建多个二进制文件

我有一个应用程序需要根据目标操作系统使用不同的包,然后生成可执行文件。核心包有一个接口,需要根据所使用的包进行填充。

我最近发现实现这一目标的最佳方法是使用构建标签。但我正在努力解决的是让已加载的包使用正确的构建标签填充界面。或者也许有更好的替代方法。

这是我想象中的样子: 在此输入图像描述

interface build package go

2
推荐指数
1
解决办法
1896
查看次数

标签 统计

html ×2

accessibility ×1

build ×1

css ×1

css-grid ×1

css3 ×1

go ×1

interface ×1

package ×1

svg ×1

web ×1