2016-08-11 4 views
0

iosとアンドロイドの両方のハイブリッド(イオニックとリアクションネイティブ)アプリでのフルスクリーン画像の画像サイズ/ピクセルサイズのベストプラクティスは何ですか?さまざまな画面サイズをどのように扱いますか?ウェブの場合と同じように、画面ごとに異なるイメージを作り出しますか?あるいは、あなたは1つのイメージサイズを持っていますか?それでは、どのように問題が発生するのでしょうか?あなたが扱うピクセルサイズは何ですか?iosとアンドロイド向けのハイブリッドモバイルアプリの画像サイズ/ピクセルサイズのベストプラクティスは?

ありがとうございます。このディレクティブによる

+0

を問題にストレッチ画像を克服し、あなたは、異なるデバイス用の画像調整を意味していますか? –

+0

ハロー・サE、そうです。 –

+2

これがあなたの必要条件なら、デバイスの画面幅を読み込んで、私たちの画像div –

答えて

1

私はのThe Tinderプロファイル種類のアプリで

app.directive('resize', function ($window) { 

    return function (scope, element) { 
     var w = angular.element($window); 
     scope.getWindowDimensions = function() { 
      return { 'h': w.height(), 'w': w.width() }; 
     }; 
     scope.$watch(scope.getWindowDimensions, function (newValue, oldValue) { 

      scope.windowHeight = newValue.h; 
      scope.windowWidth = newValue.w-30; 

      scope.style = function() { 
       return { 
        'height': (newValue.h - 100) + 'px', 
        'width': (newValue.w - 100) + 'px' 
       }; 
      }; 

     }, true); 

     w.bind('resize', function() { 
      scope.$apply(); 
     }); 
    } 
}) 
関連する問題