我需要幫助，在mobile.css中不包括我的style.css的一部分

我的style.css的一部分指導我的網站隨機對齊左右照片。雖然這在桌面上看起來不錯，但我想將它排除在移動設備上，因爲它看起來不太好。以下是我的style.css代碼我需要幫助，在mobile.css中不包括我的style.css的一部分

/*---Start automatic align left and right of the blog post randomly----*/ 
.post-list:nth-child(odd) img{ 
float:left; 
margin-right:20px; 
} 

.post-list:nth-child(even) img{ 
float:right; 
margin-left:20px; 
} 

.post-list img.wp-post-image{ 
width:auto !important; 
height:180px !important; 
} 

.post-list:nth-child(odd) iframe{ 
float:left; 
margin-right:20px; 
} 

.post-list:nth-child(even) iframe{ 
float:right; 
margin-left:20px; 
} 

.post-list iframe{ 
max-width:100%; 

/*---Start automatic dis-align left and right of the blog post randomly--*/ 
body.category-8 .post-list:nth-child(odd) img{ 
float:none; 
margin-right:0; 
} 

body.category-8 .post-list:nth-child(even) img{ 
float:none; 
margin-left:0; 
} 
body.category-8 .post-list:nth-child(odd) iframe{ 
float:none; 
margin-right:0; 
} 

body.category-8 .post-list:nth-child(even) iframe{ 
float:none; 
margin-left:0; 
} 

body.category-8 .post-list img.wp-post-image{ 
width: auto !important; 
height:180px !important; 
} 
body.category-8 img.frm_ajax_loading{ 
max-width:16px !important; 
} 
/*---End automatic dis-align left and right of the blog post randomly----*/

如何排除移動設備上的此功能？

謝謝！

來源

2015-02-05 Will McCullick

你可能需要jQuery來檢查，如果用戶正在查看移動設備上，並使用'removeClass'排除CSS。 – leDominatre 2015-02-05 23:30:28

就像一個筆記，CSS不使用函數。 CSS基本上是一個在甚至加載之前設計元素的文件，所以它們都不是一個函數。同時，jQuery在文檔準備好幾毫秒後應用類，並且可以更改時間。 – leDominatre 2015-02-05 23:32:42

您會將媒體查詢放入樣式表中。例如，此媒體查詢將檢查瀏覽器窗口至少爲480px，高於iPhone縱向，此值可以改變偏離過程。然後它運行這個代碼。

如果瀏覽器窗口寬度小於480px，它將不會運行該代碼。

@media screen and (min-width: 480px) { 
    /*---Start automatic align left and right of the blog post randomly----*/ 
.post-list:nth-child(odd) img{ 
float:left; 
margin-right:20px; 
} 

.post-list:nth-child(even) img{ 
float:right; 
margin-left:20px; 
} 

.post-list img.wp-post-image{ 
width:auto !important; 
height:180px !important; 
} 

.post-list:nth-child(odd) iframe{ 
float:left; 
margin-right:20px; 
} 

.post-list:nth-child(even) iframe{ 
float:right; 
margin-left:20px; 
} 

.post-list iframe{ 
max-width:100%; 
} 
}

這裏是css-tricks一個偉大的文章，如果你想了解更多有關你想什麼目標的屏幕尺寸。

來源

2015-02-05 23:30:36 arnolds

我是否需要在最後添加另一個'}'？它似乎不適合我。 – 2015-02-05 23:42:06

對不起，忘了添加 – arnolds 2015-02-05 23:42:54

嗯仍然不適合我。 – 2015-02-05 23:48:50