XML響應網頁

我想提出一個XML網頁，但我需要它來響應。我不知道我在編碼中缺少什麼，因爲它似乎都在那裏。XML響應網頁

不過，我需要在一行中的多個元素（除了當大小重新調整到更小）。

我怎麼去呢？

<?xml version="1.0" encoding="utf-8"?> 
    <?xml-stylesheet href="CISStyle43.css"?> 


     <meta name="viewport" content="width=device-width, initial-scale=1"> 
     <link rel="stylesheet" href="http://www.w3schools.com/lib/w3.css"> 
     <style> 
      <body> 
      <MYcourses> 

       <course> 
    <div class="w3-third"> 
        <div class="class"> 
        <row1> 
         <number>THIS ONE 1532 </number> 
         <name> Timing to Clock </name> 
         <credit> To Me </credit> 
        </row1> 
        <row2> 
         <description> Lovely day lovely day </description> 
        </row2> 
        </div> 
    </div> 
       </course> 
      <div class="class"> 
        <row1> 
         <number>THIS ONE 1653 </number> 
         <name> Timing to Clock </name> 
         <credit> To Me </credit> 
        </row1> 
        <row2> 
         <description> Lovely day lovely day </description> 
        </row2> 
        </div> 
    </div> 
       </course> 
<div class="class"> 
        <row1> 
         <number>THIS ONE 11344444 </number> 
         <name> Timing to Clock </name> 
         <credit> To Me </credit> 
        </row1> 
        <row2> 
         <description> Lovely day lovely day </description> 
        </row2> 
        </div> 
    </div> 
       </course> 
<div class="class"> 
        <row1> 
         <number>THIS ONE 142233 </number> 
         <name> Timing to Clock </name> 
         <credit> To Me </credit> 
        </row1> 
        <row2> 
         <description> Lovely day lovely day </description> 
        </row2> 
        </div> 
    </div> 
       </course> 
<div class="class"> 
        <row1> 
         <number>THIS ONE 1314541 </number> 
         <name> Timing to Clock </name> 
         <credit> To Me </credit> 
        </row1> 
        <row2> 
         <description> Lovely day lovely day </description> 
        </row2> 
        </div> 
    </div> 
       </course> 
<div class="class"> 
        <row1> 
         <number>THIS ONE 1432 </number> 
         <name> Timing to Clock </name> 
         <credit> To Me </credit> 
        </row1> 
        <row2> 
         <description> Lovely day lovely day </description> 
        </row2> 
        </div> 
    </div> 
       </course> 
<div class="class"> 
        <row1> 
         <number>THIS ONE 145 </number> 
         <name> Timing to Clock </name> 
         <credit> To Me </credit> 
        </row1> 
        <row2> 
         <description> Lovely day lovely day </description> 
        </row2> 
        </div> 
    </div> 
       </course> 
<div class="class"> 
        <row1> 
         <number>THIS ONE 1222</number> 
         <name> Timing to Clock </name> 
         <credit> To Me </credit> 
        </row1> 
        <row2> 
         <description> Lovely day lovely day </description> 
        </row2> 
        </div> 
    </div> 
       </course> 
      </MYcourses> 

     </body> 
    </style> 
    </link> 

</meta> 


.class { 
    float: left; 
    margin: 5px; 
    padding: 15px; 
    width: 600px; 
    height: 300px; 
    border: 1px solid black; 
} 


body { 
    display: block; 
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif; 
} 


row1 { 

    display: block; 
    font-weight: bold; 
    border: inset; 
    background-color: gray; 
    color: white; 
} 

row2 { 

    display: block; 
    border: inset; 
    background-color: lightgray; 
    color: black; 
} 

number { 
    color: blue; 
}

來源

2015-10-25 CodedMe

我希望它能夠響應（在PC，手機等上工作）並且在一行上有多個元素（課程）當有空間時。 – CodedMe

不，只是XML和CSS ... – CodedMe

我已經學會了HTML，使用了很多。 XML我剛剛開始。 CSS是在它自己的文件中，我只是複製粘貼它在這裏放鬆。 – CodedMe

爲響應式設計一個很好的例子是使用@media：

例如，用於設備與最大寬度小於1000像素：

@media only screen and (max-width: 1000px) { 
YOUR CSS HERE 
}

還重要的事情要添加到HTML head：

<meta name="viewport" content="width=device-width, initial-scale=1">

來源

2015-10-25 04:59:25 Kunok

回答

相關問題