css - WordPress中响应式照片的替代品

我目前正在Wordpress中创建一个响应式网站。我使用包含文本的产品功能的大型图形。尽管图像的大小调整为宽度：100％和高度：自动，但文字变得太小而无法阅读。我需要一种显示替代图像或以某种方式将图像静态编码到该部分中的方法。任何建议将不胜感激

<img src="http://wmgdev003.com/wp-content/uploads/2015/05/optik-top1.png" alt="" title="">

CSS：宽度：100％，高度：自动

最佳答案

您可以用elseif语句替换图像吗？
这是我做这样的事情

<?php if(!$detect->isMobile() && !$detect->isTablet() ): ?>
                                your desktop content goes here
                            <?php else: ?>
                                mobile content goes here
                            <?php endif; ?>

并且isMobile detect基于http://mobiledetect.net/

您可以先呼叫较大的图片，然后再呼叫较小的图片？

不确定是否适用，因为问题有点含糊。这可能有助于举一些例子。

关于css - WordPress中响应式照片的替代品，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/30656461/