【求助】安卓版Mdict跳转后CSS失效

LYX1692

+ A- h6 m& T! Q; r
前因后果：
因为各种原因，mdict本身的单词收藏功能并不符合我的要求。
假设说，我想建个《四级词汇》。


2 A( a% N4 C$ ~$ S( A6 r+ q) v9 G
) I, I; {" o$ c! W& f5 |! M如上图所示：

• 条目用的是“四级abandon”，这是为了避免在多词典联合搜索下显示释义从而影响自己对于该单词掌握情况的真实了解。
• 如果该词，我确实熟悉了，点击“下一个”，跳转到下一个词汇。
  
  
  
• 如果该词，我没有把握，点击“我忘记了”，则会跳转到常规的“abandon”条目，查看其他词典的释义。
  ' u' v5 P# G& k  z0 l) y
  6 a& r. W- F. P  v4 g& ?
• 学习了该词之后，我可以点击“我记住了”，返回正常的“四级abandon”条，也可以直接点击“下一个”，跳到下一个词汇“四级aboard”。
  

  r4 E# |& s. E7 h6 H以上几点，用MDX来实现，都是小意思。
# C+ ]9 X+ _* p! U: _目前制作的试验版，PC上一切显示理想。
可我主要的设想是放在手机上，偏偏手机上的显示出现了问题。
* J3 ^% x0 A; ^' {
+ R4 J0 d6 k, c2 U6 O5 [+ A! j如图：
, \. q6 m' j& w7 b

• 手动输入词条，一切显示正常。
  
    ~  ~. t: ^5 h! w( s! T: H" g4 }  z6 D
• 点击“我忘记了”或者“下一个”，就不正常了。
  * x% \+ ^! K) W, u
  
• 通过候选框点击进入，显示正常
    ]* B% g9 \6 c! V8 ]7 [
  2 f7 X* J) R# [
• 同样的MDX，在安卓深蓝词典上，显示正常。
  % y& h5 b5 t% I' T2 {

/ [( w& H1 V5 U; j& @/ Y. n以下是我的编译源文件样式：
( c8 |! b; I' Z3 B. h+ T

四级abandon
- E  Y. a9 n+ Q# V9 ~1 V<link href="xueba.css" rel="stylesheet" type="text/css" /><p class="progress"><span class="progress1">1</span>/<span class="progress2">3209</span></p><p class="word">abandon</p><div class="button"><span class="back"><a href="entry://四级zone">上一个</a></span><span class="forget"><a href="entry://abandon">我忘记了</a></span><span class="next"><a href="entry://四级aboard">下一个</a></span></div>
</>
abandon
<link href="xueba.css" rel="stylesheet" type="text/css" /><p class="progress"><span class="progress1">1</span>/<span class="progress2">3209</span></p><p class="word">abandon</p><div class="button"><span class="back"><a href="entry://四级zone">上一个</a></span><span class="forget"><a href="entry://四级abandon">我记住了</a></span><span class="next"><a href="entry://四级aboard">下一个</a></span></div>
# V/ S& P6 t5 F* Y</>
+ t1 {9 c# [2 K% |. ]. S4 S  w( j四级aboard
3 T: f& i+ B$ o7 l  A8 b<link href="xueba.css" rel="stylesheet" type="text/css" /><p class="progress"><span class="progress1">2</span>/<span class="progress2">3209</span></p><p class="word">aboard</p><div class="button"><span class="back"><a href="entry://四级abandon">上一个</a></span><span class="forget"><a href="entry://aboard">我忘记了</a></span><span class="next"><a href="entry://四级absolute">下一个</a></span></div>
9 k# G- H1 {- S* b0 x7 k</>
aboard
8 l% D% `* }0 e/ y7 \7 `1 \9 w' Y( |<link href="xueba.css" rel="stylesheet" type="text/css" /><p class="progress"><span class="progress1">2</span>/<span class="progress2">3209</span></p><p class="word">aboard</p><div class="button"><span class="back"><a href="entry://四级abandon">上一个</a></span><span class="forget"><a href="entry://四级aboard">我记住了</a></span><span class="next"><a href="entry://四级absolute">下一个</a></span></div>
</>
四级absolute
( S1 G: H, h% e! k<link href="xueba.css" rel="stylesheet" type="text/css" /><p class="progress"><span class="progress1">3</span>/<span class="progress2">3209</span></p><p class="word">absolute</p><div class="button"><span class="back"><a href="entry://四级aboard">上一个</a></span><span class="forget"><a href="entry://absolute">我忘记了</a></span><span class="next"><a href="entry://四级absolutely">下一个</a></span></div>
/ ~8 [1 m  v' Y</>
absolute
<link href="xueba.css" rel="stylesheet" type="text/css" /><p class="progress"><span class="progress1">3</span>/<span class="progress2">3209</span></p><p class="word">absolute</p><div class="button"><span class="back"><a href="entry://四级aboard">上一个</a></span><span class="forget"><a href="entry://四级absolute">我记住了</a></span><span class="next"><a href="entry://四级absolutely">下一个</a></span></div>
; p  q% ^+ \# Z; u+ z1 S2 T</>

& `. A* {8 k, D# |- K) `6 H
; g- y* T9 k, ~以下是我的CSS样式（xueba.css）：

.progress
7 D# N! \2 b8 S& F# ?{font-size: 1em;color: blue;}
.progress1
{color: green;}
.progress2
4 R6 `  B" N8 K" u{color: red;}
( v: n! |4 H6 f5 w$ N1 z.word
{text-align: center;font-size: 4em;font-weight: bold;color: red;}
5 J6 @8 ^# ]; h" @& p8 _' E.back
{margin:auto 10px;font-size:1em;color:blue;}
.back a
{font-size:1em;color:blue;}
  E/ O1 C* q7 ^: J0 m/ ~$ i4 v.forget
& [$ v. a5 s" [# t% P% t{margin:auto 10px;font-size:1em;color:red;}
9 o6 S7 G/ z( S, H  k* p$ J.forget a
1 c( A7 A, P% y0 \6 a1 U6 T{font-size:1em;color:red;}
.next
$ e* h2 N0 {! N, @0 z5 Y$ v9 a. i' o{margin:auto 10px;font-size:1em;color:green;}
.next a
; S1 b8 J* O8 ^. l{font-size:1em;color:green;}
3 \' H$ A8 ?, Q# ?3 ~; p. O& w.button
{text-align:center;margin:0 auto;}

实在是不知道问题出在哪里，特来求助。

chigre3

选择多词典查询模式了？

LYX1692

chigre3 发表于 2015-7-5 21:00
1 B$ ?; W5 P. ~- ~9 d. L选择多词典查询模式了？

: g. L7 f8 S, o4 @单词典查询也是这样。
而且，这个本义就是需要配合多词典查询用的。
在PC上都没问题。

LYX1692

求别沉。
这个小玩意，我是想拿出来分享。
让所有人都可以很简单的定制词汇。
（所有模板都已做好，用户只需复制自己想要的词汇到excel，然后自动生成mdict的编译源文件，再粘贴到txt，两三个文字处理就可以转成mdx了）
目前一切皆备，就差这个问题待解决了。
如果可以解决，我还是希望用mdict的APP，深蓝词典虽然可以正常显示，毕竟它是收费的。
% D) p+ P7 o8 y希望大神关注。

Okya

7 P  |- j  U0 v& m7 y4 j
) Z  E9 z/ F6 ^+ {9 W7 U
谢谢楼主。

: J) {0 J% J" ]. n( ]