小编Soc*_*ife的帖子

防止横向移动网站

目前,我正在我的网站上工作.手机版差不多完成了.但如果我在风景中旋转我的屏幕(例如智能手机),它看起来很恐怖.我试图用查询来改变它,但结果不太好.有没有办法锁定方向,使其始终保持纵向模式？

编辑:

我想也许我可以用高度和宽度做点什么.因此,如果屏幕的宽度大于高度,则机身应旋转90度.

javascript css

Soc*_*ife

2017 04-26

6
推荐指数

1
解决办法

2万
查看次数

围绕所有内容的div的背景颜色

我正在研究一个'arrow'-div.它目前看起来像这样:

div包含另外两个div(两行).我希望背景几乎缠绕在线条上.但黄色背景的高度比线条的高度小很多.我已经尝试过'height:auto'了.我希望有人可以帮助我.

#lineAll {
  background-color: yellow;
  height: auto;
}

#line1 {
  height: 2px;
  background-color: black;
  transform: rotate(35deg);
  width: 40px;
}

#line2 {
  height: 2px;
  background-color: black;
  transform: rotate(-35deg);
  width: 40px;
  margin-top: 20px;
}

Run Code Online (Sandbox Code Playgroud)

<div id="lineAll">
  <div id="line1"></div>
  <div id="line2"></div>
</div>

Run Code Online (Sandbox Code Playgroud)

编辑:

宽度也不是我想要的方式.它目前是屏幕的100%宽度.

html css height css-shapes

Soc*_*ife

2017 03-03

5
推荐指数

1
解决办法

1138
查看次数

PM2 在 NodeJS (Heroku) 上不起作用

我正在使用 PM2 让 NodeJS (Express) 连续运行。在我的本地机器上，以下在我的packages.json 中有效：

"scripts": {
    "start": "pm2 start ./bin/www"
}

Run Code Online (Sandbox Code Playgroud)

之后，我使用“npm start”来运行我的应用程序。这一切正常。

现在我想将我的应用程序部署到 Heroku。我添加了一个带有 'web: npm start' 的 Procfile。之后，我将我的 packages.json 稍微更改为：

"scripts": {
    "preinstall": "npm install pm2 -g",
    "start": "pm2 start ./bin/www"
 }

Run Code Online (Sandbox Code Playgroud)

但是，我收到此错误：

2018-02-22T19:51:23.861641+00:00 heroku[web.1]: Error R10 (Boot timeout) -> Web process failed to bind to $PORT within 60 seconds of launch
2018-02-22T19:51:23.862201+00:00 heroku[web.1]: Stopping process with SIGKILL
2018-02-22T19:51:24.007776+00:00 heroku[web.1]: Process exited with status 137
2018-02-22T19:51:24.046849+00:00 heroku[web.1]: State changed from starting to crashed

Run Code Online (Sandbox Code Playgroud)

我已经查找了许多解决此问题的方法，例如将我的 Procfile …

heroku node.js express pm2

Soc*_*ife

2018 02-23

5
推荐指数

1
解决办法

3872
查看次数

向下滚动，将100vh滚动到底部

我想在http://www.squaredot.eu/#Intro达到相同的效果

因此，如果我向下滚动，主体必须向底部滚动100vh。而且如果向上滚动，主体必须向上滚动100vh。我尝试了一些东西，但是没有成功。

HTML：

<!DOCTYPE html>
<html>
<head>
    <title> Log In </title>
    <link href="main.css" rel="stylesheet" type="text/css">
</head>
    <body>
        <div id="e1"></div>
        <div id="e2"></div>
        <div id="e3"></div>
        <div id="e4"></div>
        <div id="e5"></div>
    </body>
</html>

Run Code Online (Sandbox Code Playgroud)

CSS：

body, html {
  height: 100%;
  margin: 0;
  padding: 0;
}

#e1 {
    width: 100%;
    height: 100vh;
    background-color: red;
}

#e2 {
    width: 100%;
    height: 100vh;
    background-color: green;
}

#e3 {
    width: 100%;
    height: 100vh;
    background-color: yellow;
}

#e4 {
    width: 100%;
    height: 100vh;
    background-color: blue;
}

#e5 { …

Run Code Online (Sandbox Code Playgroud)

javascript scroll

Soc*_*ife

2017 04-24

3
推荐指数

1
解决办法

7812
查看次数

边框CSS，颜色一定比例

我想达到这样的效果：

您会看到橙色仅占整个边框的 35%。我怎样才能做到这一点？

HTML：

<div id="test">
    <h1> hello</h1>
</div>

Run Code Online (Sandbox Code Playgroud)

CSS：

h1 {
    line-height: 80px;
    font-size: 20px;
    font-family: Arial;
}

#test {
    margin: auto;
    text-align: center;
    border-radius: 50%;
    height: 80px;
    width: 80px;
    border: 5px solid black;
}

Run Code Online (Sandbox Code Playgroud)

css

Soc*_*ife

lucky-day

2
推荐指数

1
解决办法

2469
查看次数