Доброго всем.
В общем суть такова.
Пишем пост с куском кода заключённый в теге <code> </code>. Отображается нормально что на компьютере, что на мобильных устройствах.
Но хочется по красивее и используем сторонний сайт, где кусок кода делает подсветку и красоту в целом.
Например, так: заключенный в теге <html>
[html]<pre class="hljs" style="display: block; overflow-x: auto; padding: 0.5em; background: rgb(40, 40, 40); color: rgb(235, 219, 178);">include <FastLED.h>
<span class="hljs-keyword" style="color: rgb(251, 73, 52);">byte </span><span class="hljs-keyword" style="color: rgb(251, 73, 52);">bright </span>= <span class="hljs-number" style="color: rgb(211, 134, 155);">50</span> <span class="hljs-comment" style="color: rgb(146, 131, 116); font-style: italic;">; </span>
<span class="hljs-keyword" style="color: rgb(251, 73, 52);">byte </span><span class="hljs-keyword" style="color: rgb(251, 73, 52);">baza </span>= <span class="hljs-number" style="color: rgb(211, 134, 155);">0</span> <span class="hljs-comment" style="color: rgb(146, 131, 116); font-style: italic;">; </span>
<span class="hljs-comment" style="color: rgb(146, 131, 116); font-style: italic;">#define PIN 2 </span>
<span class="hljs-comment" style="color: rgb(146, 131, 116); font-style: italic;">#define NUM_LEDS 300 </span></pre>[/html]
На компьютере это все отображается. А вот на мобильных устройствах просто пустой пост.
Я так понимаю это проблема адаптивности. Можно эт как то поправить малой кровью.
А то на адаптивность сделать знаний ноль