css中的響應表

我試圖使以下jsfiddle代碼正常工作。實際上，所有工作都很好，對於服務器端我使用ColdFusion。css中的響應表

這些值連續出現6個。 6在ColdFusion變量中被硬編碼，因此它將6和下一行的值分開。

現在我想使這個響應，所以應該在一個****小號

這裏是小提琴我已經產生

http://jsfiddle.net/9arpxvga/

與平板電腦和移動設備上工作，沒有太多的痛苦

這需要在實現響應式設計的幫助...

一個jQuery，JavaScript的解決方案也將工作

來源

2014-09-04 jangun

可能重複的想法？ http://stackoverflow.com/questions/23201874/responsive-table-containing-images-in-html-and-css?rq=1 – 2014-09-04 05:00:13

您將很難找到這樣一個廣泛問題的客觀解決方案。因此，廣泛地說：之一實現響應式設計的許多方法是編寫CSS媒體查詢，以各種屏幕尺寸爲目標。下面是getskeleton.com採取一個例子片斷

/* #Media Queries 
================================================== */ 

    /* Smaller than standard 960 (devices and browsers) */ 
    @media only screen and (max-width: 959px) {} 

    /* Tablet Portrait size to standard 960 (devices and browsers) */ 
    @media only screen and (min-width: 768px) and (max-width: 959px) {} 

    /* All Mobile Sizes (devices and browser) */ 
    @media only screen and (max-width: 767px) {} 

    /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ 
    @media only screen and (min-width: 480px) and (max-width: 767px) {} 

    /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ 
    @media only screen and (max-width: 479px) {}

你只寫新的CSS（或重寫你的CSS）（如果你需要一個最基本的響應的框架，讓你開始，這可能是值得一試）針對您嘗試定位的每種屏幕尺寸。（在每個媒體屏幕之後，將括號內的CSS嵌入括號內）。希望有所幫助。

來源

2014-09-04 04:57:45

通過這個網頁：它詳細介紹瞭如何建立響應表

http://css-tricks.com/responsive-data-tables/

來源

2014-09-04 06:46:37

css中的響應表

回答

相關問題