小编Che*_*ire的帖子

媒体查询两个决议

我正在搜索如果他/她的屏幕分辨率如下所示,隐藏部分显示给用户:

如果宽度<1024px且高度<640px

和最小宽度1440px和高度<900px

然后显示div.

我一直在努力与最小宽度,最大高度,但没有运气.

例如:@media screen(max-width:1023px)和(max-height:639px)和(min-width:1440px)和(max-height:899px)

但是,当我构建它时,它无法正常工作.

关于如何实现这一点的任何想法？

css media-queries responsive

Che*_*ire

lucky-day

2
推荐指数

1
解决办法

4985
查看次数

CSS三角形和盒子阴影

我用CSS完成了下面的图像:

如您所见,三角形有一个间隙,可以从工具提示中切割出盒子阴影.

代码如下:

/* Generated by less 2.5.1 */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
/* Demo of the tool-tip CSS */
.tooltip {
  text-decoration: underline;
  color: #37b9b5;
  cursor: default;
}
.tooltip-bubble {
  position: absolute;
  z-index: 1;
  padding: 5px 10px;
  color: #fff;
  width: auto;
  box-shadow: 7px 7px 11px 0px rgba(112, 111, 111, 0.3);
  background-color: transparent;
  border-radius: 10px;
}
.tooltip-bubble div {
  position: relative;
  z-index: 1;
  font-size: 12px;
}
.tooltip-bubble::before {
  position: absolute;
  content: '';
  top: 0;
  left: …

Run Code Online (Sandbox Code Playgroud)

html css box-shadow

Che*_*ire

lucky-day

0
推荐指数

1
解决办法

3501
查看次数