更改标准尺寸调整手柄(CSS)的尺寸?

时间:2019-04-29 11:43:25

标签: css resize

Chrome for Android(至少在我的设备上)的调整大小手柄/图标太小。没有极端的缩放,我无法调整大小。

建议的重复项解决了样式问题,并且一个答案成功地设置了右下角的样式,但是调整大小仍然需要我将原始调整大小作为目标。

[缺少图片]

此示例中也存在问题:https://www.w3schools.com/cssref/tryit.asp?filename=trycss3_resize

是否可以更改其大小?在我的笔记本电脑上,它有点过于笨拙/大

我尝试使用::-webkit-resizer,但似乎不起作用。

<!DOCTYPE html>
<html>
<head>
<style> 
div {
  border: 2px solid;
  padding: 20px; 
  width: 300px;
  resize: both;
  overflow: auto;
}
#r::-webkit-resizer {
  border: 2px solid black;
  background: red;
  width: 10px;
  height: 10px;
}
</style>
</head>
<body>

<h1>The resize Property</h1>

<div id="r">
  <p>Let the user resize both the height and the width of this div element.</p>
  <p>To resize: Click and drag the bottom right corner of this div element.</p>
</div>

0 个答案:

没有答案