<分区>
我正在尝试进行一项将在手机上回答的质量调查。我包括几个使用(水平)多项选择单选答案单选按钮的调查,例如仅使用这些 anchor ,从完全没有到非常有 7 分。
当在移动设备上进行调查时,这些问题会变为垂直格式,但是每个点之间的距离非常大,导致人们必须滚动才能看到所有选项。
如何缩小这些单选按钮之间的大小?
我使用以下自定义 CSS 成功地减少了垂直单选按钮之间的距离:
/*
.Skin #SkinContent .MC .SACOL .ChoiceStructure td,
.Skin #SkinContent .MC .MACOL .ChoiceStructure td,*/
.Skin #SkinContent .QuestionBody li,
.Skin #SkinContent .DL td,
.Skin #SkinContent .SS .QuestionBody,
.Skin #SkinContent .RO .DND ul.Edited .rank,
.Skin #SkinContent .RO .DND ul.NotEdited li:hover .rank,
.Skin #SkinContent .RO .DND .rank,
.Skin #SkinContent .PGR .DragAndDrop .rank,
.Skin #SkinContent .MC .MSB .QuestionBody,
.Skin #SkinContent .MC .SB .QuestionBody,
.Skin #SkinContent .MC .DL .QuestionBody,
.Skin #SkinContent .RO .SB .QuestionBody {
padding:5px;
}
这个问题是我有其他问题是垂直的,看起来不太好,按钮之间的空间很小(分类答案而不是比例)。因此,我更愿意以某种方式更改水平按钮,或者只更改所需的问题。
使用这个 CSS 解决了:
.Skin #skindContent .MC .MAHR .QuestionBody td.LabelContatiner, .Skin .MC
.SAHR .QuestionBody td.LabelContatiner {
height: 38px; }