英文:
The clickable zone of a slideshow arrow is wider than the icon
问题
在我的WordPress开发网站上，我有一个用于图像库的幻灯片功能。当您点击一张图像时，它会启动幻灯片。我的问题出现在我的两个白色箭头上，一个在左边，一个在右边。箭头的可点击区域比图标的大小要宽。请查看下面的图片。
我尝试在此问题中包含我的代码，但系统告诉我“您的问题似乎是垃圾邮件”。
CSS文件位于“https://dev.francisbegin.ca/wp-content/plugins/gallery-lightbox-slider/css/photobox/photobox.css?ver=1.0.0.39”。
涉及的HTML位于底部，紧挨着关闭body标签之前。包含div的ID是“pbOverlay”。
如果您能提供帮助，将不胜感激。我是Stack Overflow的新手，请让我知道我的问题是否合适。
英文:
On my WordPress development website, I have a slideshow feature for my image galleries. When you click on a image, it starts a slideshow. My issue is with my two white arrows, on the left and on the right. The clickable zone of an arrow is wider than the size of the icon. See image below.
Clickable zone wider than the icon
Here is the URL of my development website
I have tried including my code in this question, but the system tells me "Your question appears to be spam".
The CSS file is "https://dev.francisbegin.ca/wp-content/plugins/gallery-lightbox-slider/css/photobox/photobox.css?ver=1.0.0.39"
The HTML at play is at the very bottom, right before the body closes. The ID of the containing div is "pbOverlay".
Any help would be appreciated. I'm new to stack overflow, please let me know if my question is not alright.
答案1
得分: 2
这可能是与图标所使用的字体的字距设置有关。每个字符周围都有一些空间，以防止它与其他字符相撞。在18em的情况下，这个空间可能比其他情况下更加明显。
如果你想要消除这个空间，可以考虑使用SVG或其他图像来替代当前的文本内容。不过，给用户一些额外的空间来点击也没有问题。
英文:
This is likely a function of the kerning settings for the font used for the icon. Every character has a bit of space around it to prevent it from bumping up against the others. At 18em, that space is much more noticeable than it might be otherwise.
If you want to eliminate that space, you may want to consider using an SVG or other image in place of the text content currently in place. However, there's nothing wrong with giving your users some extra space to land their tap.
通过集体智慧和协作来改善编程学习和解决问题的方式。致力于成为全球开发者共同参与的知识库，让每个人都能够通过互相帮助和分享经验来进步。
评论