我正在尝试计算 Css 网格的“grid-gap”属性,以使用 Sass 填充所有可用空间。
这是我的设置。
//Don't want to use javascriptRun 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)感谢您的关注。我正在尝试制作一个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 程序运行并且可以完美运行。
我的手机和笔记本电脑都连接到同一个 …