CKEditor和行高

Question

我正在创建一个桌面到移动网站转换器，并且遇到行高问题。

我有两张图片证明了这一点：

桌面（正确）：

移动（线路问题）

CSS：

margin: 0;
padding: 0;
line-height: 1.428571429 !important;

之前我尝试过使用div块模式的CKEditor而不是段落来帮助间距，现在又恢复了默认模式。

移动网站转换器的工作原理是通过调整字体大小，宽度和高度等属性来逐元素缩放页面。

问题： CKEditor将字体大小放在段落内的span标记上。正文的默认字体大小为13px。该段落的字体大小为13px，但我需要将其设置为用户指定的最大值，但默认需要保持13px。

因此，如果用户在6px处创建了一个段落，则段落标记也需要与行高相同的字体大小。

适用于JSFiddle：https://jsfiddle.net/zerolfc/1o7w8emx/ 但不是http://zen8.prosoftwareuk.co.uk/p/1848/home

移动转换器文本框代码：

var t = $('<div id="textbox">').html( text );
var width_float = 960 / 320; // 960px Example Page Width To Mobile 320px
var mobile_limit_font = 3;

t.find('*').each(function(ti,tv){
    var c = parseInt( $(tv).css('font-size') ) / width_float;
    c = Math.floor( c );
    c = ( c < mobile_limit_font ? mobile_limit_font : c );

    $(tv).css({
      'font-size': c + 'px'
    });
});