[英]ContentFlow javascript carousel - how to add text to image?
[英]Contentflow - how to make caption text to dynamic resize?
我正在尝试向内容流中的图像添加文本,但是当我滚动它们时,我需要调整文本的大小,以使文本不会移动。
我不知道是否有自动的方法,但是从响应式网页设计开始,您可以通过CSS或使用jQuery来增强字体大小。
jQuery的
$(window).on('resize', function(event) {
if($(window).width() < 400) {
$('.CAPTIONCLASS').css("font-size", "20");
}
else {
$('.CAPTIONCLASS').css("font-size", "10");
}
});
CSS
@media screen and (max-width: 400px) {
.CAPTIONCLASS {
font-size: 20px;
}
}
@media screen and (max-width: 100px) {
.CAPTIONCLASS {
font-size: 15px;
}
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.