Javascript 移动浏览器上的较大复选框

我已经阅读了许多关于Stackoverflow的问答和其他关于如何制作更大复选框的资料。提供的所有解决方案不显示简单的复选框

有很多解决办法。许多是几年前的。一切都不同

我对在移动设备上创建2倍或3倍大的复选框感兴趣。事实上，如果它们在桌面浏览器上更大，也可以

2016年获得更大复选框的最佳方式是什么

我不希望“奇怪”的复选框中有一个看起来很滑稽的复选标记，或者一些“另类复选标记”

只是一个普通的复选框。。。但是更大。也。。。描述复选框的文本应正确对齐

---

谢谢

您可以使用转换比例缩放任何html元素。。。复选框是一个HTML元素，也可以对其进行缩放，您可以相对于不同的视口指定不同的缩放比例，以便使缩放与它所查看的设备兼容

input[type=checkbox] 
{
 -ms-transform: scale(2); /* IE */
 -moz-transform: scale(2); /* FF */
 -webkit-transform: scale(2); /* Safari and Chrome */
 -o-transform: scale(2); /* Opera */
}

---

对于firefox，我会使用简单的设置

宽度

/

高度

加上

-moz外观

，并使用flexbox进行对齐

<div class="form-holder">
  <input type="checkbox" id="checkbox" />
  <label for="checkbox">This is label for checkbox</label>
</div>

@media all and (max-width: 600px) {
  input[type="checkbox"] {
    width: 25px;
    height: 25px;
  }  
}

@media all and (max-width: 320px) {
  input[type="checkbox"] {
    width: 40px;
    height: 40px;
  }  
}

.form-holder {
  display: flex;
  justify-content: flex-start;
  align-items: center;
} 

这是复选框的标签
@全部和全部介质（最大宽度：600px）{
输入[type=“checkbox”]{
宽度：25px；
高度：25px；
}  
}
@介质和全部（最大宽度：320px）{
输入[type=“checkbox”]{
宽度：40px；
高度：40px；
}  
}
.表格持有人{
显示器：flex；
调整内容：灵活启动；
对齐项目：居中；
} 

---

通过CSS设置复选框的宽度和高度是否不起作用？@Hydro这不起作用。可能的重复请看这个CSS3代码笔示例，具体来说，。我目前使用这种方法，但它会使对齐失效。例如，如果我的复选框是一行中的第一个元素，则当您“放大”时，它在所有方向上都会变大。如果复选框一直在左边，它甚至会在屏幕外展开。我怎样才能使用它，并且使所有的东西都排列整齐我在整个页面的复选框中使用比例。它们在背景之外爆炸。这可能会修复演示小提琴有一个小复选框的问题。你知道怎么做一个更大的复选框吗？没有关系。刚在手机上看到。看起来很棒，这很好。为什么它只能在手机上放大？我怎样才能使它也在桌面上放大@Bogdan Kustanwell它使用媒体查询，您可以调整fiddle结果选项卡的大小以查看差异