小编Bor*_*rsn的帖子

CSS3旋转动画

<img class="image" src="" alt="" width="120" height="120">
Run Code Online (Sandbox Code Playgroud)

无法让这个动画图像工作,它应该做360度旋转.

我想下面的CSS有些不对劲,因为它只是保持不动.

.image {
    float: left;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 120px;
    height: 120px;
    margin-top: -60px;
    margin-left: -60px;

    -webkit-animation-name: spin;
    -webkit-animation-duration: 4000ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;

    -moz-animation-name: spin;
    -moz-animation-duration: 4000ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;

    -ms-animation-name: spin;
    -ms-animation-duration: 4000ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;

    animation-name: spin;
    animation-duration: 4000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;

    @-ms-keyframes spin { 
        from { 
            -ms-transform: rotate(0deg); 
        } to { 
            -ms-transform: rotate(360deg); 
        }
    }
    @-moz-keyframes spin { 
        from { …
Run Code Online (Sandbox Code Playgroud)

animation image rotation css3

224
推荐指数
3
解决办法
62万
查看次数

CSS calc无法在Safari和后备中运行

我有这个布局,我正在努力.它强烈依赖于CSS calc来进行必要的计算.

width: -webkit-calc(50% - 20px);
width: -moz-calc(50% - 20px);
width: calc(50% - 20px);
Run Code Online (Sandbox Code Playgroud)

现在,我无法在Safari中使用它.有什么我做错了吗?

而且,有没有一种方法可以为不支持它的浏览器引入回退机制?百分比不会做得很好,因为我必须从中间的两个中减去对象.



谢谢.

html css safari fallback

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

关闭SVG标签,显式还是自闭?

我正在验证我的代码,并Tag cannot be self-closing. Use an explicit closing tag.在IE中为我的svg路径得到以下错误,因为它是自动关闭的.

<path d="m53.911,10.023c-1.46-.898-3.195-1.019-4.699-1.019h-3.439c" />

现在我知道HTML5中的meta标签不需要前进短划线/,只需将它们关闭即可>.同样的事情是否适用于svg标签?像这样:

<path d="m53.911,10.023c-1.46-.898-3.195-1.019-4.699-1.019h-3.439c" >

或者......使用明确的结束标记?像这样:

<path d="m53.911,10.023c-1.46-.898-3.195-1.019-4.699-1.019h-3.439c" > </path>

关闭路径的正确方法是什么?

html html5 svg

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

CSS"内容"无效

我想通过CSS而不是HTML中添加段落的文本,因为它是随着网站的响应性而变化的主题.

现在我无法让它工作,我想知道CSS是否有问题?

此外,这是唯一的方法(使用纯HTML和CSS)还是有另一种方法来定位文本并使用每个分辨率更改它?

HTML:

<p class="title"></p>
Run Code Online (Sandbox Code Playgroud)

CSS:

p.title {
        width: auto;
        height: auto;
        position: relative;
        float: left;
        clear: none;
        margin: 40px 0 0 0;
        padding: 0;
        display: block;
        font-family: 'Fjalla One', sans-serif; 
        font-weight: 400; 
        font-size: 36px;
        color: #d76e50; color: rgba(215, 92, 52, 0.9);
        cursor: default;
        content:"TITLE GOES HERE";
}
Run Code Online (Sandbox Code Playgroud)

html css

15
推荐指数
2
解决办法
3万
查看次数

GitHub Actions 无法设置 Python 虚拟环境

我需要设置一个虚拟环境,并安装 Flask 应用程序的要求。

然而,这里出现错误:

sudo apt install python3-venv
sudo python3.8 -m venv venv
Run Code Online (Sandbox Code Playgroud)

这是.yml我的 GitHub Actions 的文件。

name: TEST

on:
  push:
    branches: [ master ]
  pull_request:
    branches: [ master ]

jobs:
  build:

    runs-on: ubuntu-latest

    steps:
    - name: Setup system group
      run: |
        if [ ! $( getent group uni ) ]; then sudo addgroup --system uni; fi
        
    - name: Setup system user
      run: |
        if [[ $(getent passwd uni) = "" ]]; then sudo adduser --no-create-home --force-badname --disabled-login …
Run Code Online (Sandbox Code Playgroud)

python github python-3.x python-venv github-actions

15
推荐指数
1
解决办法
8764
查看次数

pip install psycopg2 - 错误:命令“x86_64-linux-gnu-gcc”失败,退出状态为 1

尝试安装时出现以下错误psycopg2

   (venv) root@scw-determined-panini:/app# pip install psycopg2
    Collecting psycopg2
      Using cached https://files.pythonhosted.org/packages/a8/8f/1c5690eebf148d1d1554fc00ccf9101e134636553dbb75bdfef4f85d7647/psycopg2-2.8.5.tar.gz
    Building wheels for collected packages: psycopg2
      Running setup.py bdist_wheel for psycopg2 ... error
      Complete output from command /app/venv/bin/python3.8 -u -c "import setuptools, tokenize;__file__='/tmp/pip-build-psll6xe_/psycopg2/setup.py';f=getattr(tokenize, 'open', open)(__file__);code=f.read().replace('\r\n', '\n');f.close();exec(compile(code, __file__, 'exec'))" bdist_wheel -d /tmp/tmp52or8xexpip-wheel- --python-tag cp38:
      running bdist_wheel
      running build
      running build_py
      creating build
      creating build/lib.linux-x86_64-3.8
      creating build/lib.linux-x86_64-3.8/psycopg2
      copying lib/_json.py -> build/lib.linux-x86_64-3.8/psycopg2
      copying lib/pool.py -> build/lib.linux-x86_64-3.8/psycopg2
      copying lib/tz.py -> build/lib.linux-x86_64-3.8/psycopg2
      copying lib/_lru_cache.py -> build/lib.linux-x86_64-3.8/psycopg2
      copying lib/_ipaddress.py -> build/lib.linux-x86_64-3.8/psycopg2
      copying lib/extensions.py …
Run Code Online (Sandbox Code Playgroud)

python pip psycopg2 python-3.x python-wheel

14
推荐指数
1
解决办法
5999
查看次数

iOS中不支持Google字体woff2

我刚刚注意到Google Fonts停止在tff中提供字体服务.相反,他们在woff2.iOS不支持Woff2.而且我的布局因此而变得有趣.

有什么办法可以在tff而不是woff2中请求字体吗?

谢谢

html fonts ios google-font-api woff2

7
推荐指数
1
解决办法
2406
查看次数

当内容高度变化时,ResizeObserver 不会被触发(React)

当我手动调整窗口大小时它有效,但当内容高度发生变化时则不起作用,而这正是我所需要的。

难道我做错了什么?

class MainContainer extends React.Component {
  constructor(props) {
    super(props);
    this.containerRef = React.createRef();
    this.containerObserver = null;
    this.state = {
      top: false,
    };
  }

  componentDidMount() {
    this.containerObserver = new ResizeObserver((e) => this.handleResize(e));
    this.containerObserver.observe(this.containerRef.current);
  }

  componentWillUnmount() {
    if (this.containerObserver) {
      this.containerObserver.disconnect();
    }
  }

  handleResize = (e) => {
    const { target } = e[0];

    const top = target.scrollTop;
    const scrollHeight = target.scrollHeight;
    const position = scrollHeight - top;
    const clientHeight = target.clientHeight;

    console.log({ top }, { scrollHeight }, { position }, { …
Run Code Online (Sandbox Code Playgroud)

javascript reactjs styled-components resize-observer

7
推荐指数
1
解决办法
9550
查看次数

Nginx 允许通过域但不允许通过 IP

这是我的配置:

server {
    listen 80;
    listen [::]:80;
    server_name  domain.tld www.domain.tld;
    return 301 https://erp.uni.mk$request_uri;
}
server {
    listen 443 ssl http2;
    listen [::]:443 ssl http2;
    server_name  domain.tld;
    ssl_certificate "/etc/nginx/ssl/ca_full.crt";
    ssl_certificate_key "/etc/nginx/ssl/private.key";
    ...
}
Run Code Online (Sandbox Code Playgroud)

我想要实现的是阻止通过 IP 的访问。并且只允许通过域。

我见过一些使用正则表达式的解决方案,但我同时使用 IPv4 和 IPv6。而且它不应该影响性能。

有什么建议如何解决这个问题吗?

nginx

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

错误:必须是物化视图 PostgreSQL 的所有者

我收到以下错误:

ERROR:  must be owner of materialized view mv_sessions
SQL state: 42501
Run Code Online (Sandbox Code Playgroud)

当尝试刷新我的物化视图时:

REFRESH MATERIALIZED VIEW CONCURRENTLY partners.mv_sessions;
Run Code Online (Sandbox Code Playgroud)

的所有者mv_sessions是我的自定义master用户。partner我已将所有权限分配给我尝试刷新视图的子用户。

我不想成为partner的所有者mv_sessions。还有其他子用户需要能够刷新视图。


我尝试使用触发功能:

BEGIN
    REFRESH MATERIALIZED VIEW CONCURRENTLY partners.mv_sessions;
    RETURN NULL;
END 
Run Code Online (Sandbox Code Playgroud)

得到同样的错误:

psycopg2.errors.InsufficientPrivilege: must be owner of materialized view mv_sessions
CONTEXT:  SQL statement "REFRESH MATERIALIZED VIEW CONCURRENTLY partners.mv_sessions"
PL/pgSQL function partners.refresh_mv_sessions() line 3 at SQL statement
Run Code Online (Sandbox Code Playgroud)

我该如何解决?

postgresql view materialized-views

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