小编Ced*_*ore的帖子

在 CSS-grid 上设置 grid-gap 以自动填充可用的水平空间

我正在尝试计算 Css 网格的“grid-gap”属性,以使用 Sass 填充所有可用空间。

描写

这是我的设置。

//Don't want to use javascript
Run Code Online (Sandbox Code Playgroud)
//scss
$width: 250px;
.product-grid {
  $total: 100%;
  $count: 4; // <--- hardcoded value, I want this to be calculated automatically 
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fill, minmax($width, 1fr));
  max-height: $count;
  grid-gap: calc(calc(#{$total} - calc(#{$count} * $width)) / (#{$count - 1}));
}

.product {
  width: $width;
  height: 406px;
  background:red;
}
Run Code Online (Sandbox Code Playgroud)
<div class="container">
  <div class="product-grid">
    <div class="product"></div>
    <div class="product"></div>
    <div class="product"></div>
    <div class="product"></div>
    <div class="product"></div>
    <div class="product"></div>
    <div class="product"></div>
  </div>
</div> …
Run Code Online (Sandbox Code Playgroud)

html css sass css-grid

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

将物理电话上的 Xamarin.forms 应用程序连接到 Asp.net REST API 时出现 StatusCode 400“错误请求”

感谢您的关注。我正在尝试制作一个Xamarin.Forms与RESTAPI通信的应用程序。API 功能齐全,我已经用 Postman 和另一个 WPF 项目对其进行了测试。在尝试GET用 my调用一个简单的方法时HttpClient,我得到以下信息HttpResponseMessage

{
    StatusCode: 400, 
    ReasonPhrase: 'Bad Request', 
    Version: 1.1, 
    Content: System.Net.Http.StreamContent, 
    Headers:
    {
        Server: Microsoft-HTTPAPI/2.0
        Date: Sun, 17 May 2020 12:20:37 GMT
        Connection: close
        Content-Type: text/html; charset=us-ascii
        Content-Length: 334
    }
}
Run Code Online (Sandbox Code Playgroud)
{
    StatusCode: 400, 
    ReasonPhrase: 'Bad Request', 
    Version: 1.1, 
    Content: System.Net.Http.StreamContent, 
    Headers:
    {
        Server: Microsoft-HTTPAPI/2.0
        Date: Sun, 17 May 2020 12:20:37 GMT
        Connection: close
        Content-Type: text/html; charset=us-ascii
        Content-Length: 334
    }
}
Run Code Online (Sandbox Code Playgroud)

相同的代码由 WPF 程序运行并且可以完美运行。

我的手机和笔记本电脑都连接到同一个 …

c# api rest xamarin.forms

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

标签 统计

api ×1

c# ×1

css ×1

css-grid ×1

html ×1

rest ×1

sass ×1

xamarin.forms ×1