媒體查詢不離子項目

我就用API離子型項目工作從The Movie Database 媒體查詢不離子項目

服用正如你可以從我的海報覆蓋的網格圖像看到。在iPhone 5上（用css調整它）和iPhone 6Plus，你可以看到網格是中心的。但在iPhone 6上它有一點點關閉。

它試圖解決這個與媒體查詢，但如果我做了改變，那麼網格也改變了iPhone 5 & iPhone 6Plus。

我的問題是如何調整iPhone 6的佈局，而不會弄亂iPhone 6的佈局。iPhone 6Plus的iPhone 5 &。我的HTML代碼

部分：

<div class="row responsive-sm responsive-md responsive-lg wrapper-grid"> 
    <div class="col col-33"> 
     <div class=""> 
      <a ng-repeat="trending_movie in trending_movies" href="#/app/trending/{{trending_movie.id}}"> 
       <img ng-if="trending_movie.poster_path" ng-src="http://image.tmdb.org/t/p/w92/{{trending_movie.poster_path}}" > 
       <img ng-if="!trending_movie.poster_path" ng-src="{{default_image}}"> 
      </a> 
     </div> 
    </div> 
</div>

我的CSS代碼部分：

/* GRID PAGE */ 
.wrapper-grid{ 
    padding-left:15px; 
} 

/* MEDIA QUERIES */ 
/*@media(max-width:750px) and (max-height:1334px){ 
    .wrapper-grid{ 
     padding-left:40px !important; 
    } 
    } 
*/

來源

2015-11-09 GY22

我可以建議使用媒體查詢與iPhone 5和iPhone 6Plus之間的寬度：

@media (max-width:413px) and (min-width:321px) { 

}

這將改變你的CSS之間的這個值。當瀏覽器寬度在413px到321px之間時，媒體查詢內容將被應用。

來源

2015-11-09 18:49:36

mmm似乎沒有任何事情發生.. – GY22

您是否在iPhone 5和iPhone 6Plus之間添加了媒體查詢？如果它仍然不起作用，你會介意創建一個小提琴嗎？ –

好吧，我將創建一個codepen – GY22

媒體查詢不離子項目

回答

相關問題