小编Tom*_*gen的帖子

如何使自定义css按钮响应?

我创建了一个CSS按钮,但没有响应.我尝试过添加,EM or %但仍然没有工作.我想根据屏幕分辨率更改宽度和高度.

以下是我实际使用的CSS代码:

@media only screen and (min-width:321px) and (max-width:480px) { }
Run Code Online (Sandbox Code Playgroud)

HTML

<div>
   <p>
      <button class="btn btn-1 btn-1a">Click Here To Enter The Future</button> 
   </p>
</div>
Run Code Online (Sandbox Code Playgroud)

CSS

.btn {
  font-size:0.875em;
  display:block;
  left:-60px;
  margin-top:35px;
}
Run Code Online (Sandbox Code Playgroud)

现在按钮从左向右移动,但我希望按钮出现在完全相同的位置.

css button responsive-design

4
推荐指数
2
解决办法
6万
查看次数

标签 统计

button ×1

css ×1

responsive-design ×1