Question

对于ios和android的混合（Ionic和React Native）应用程序中的全屏图像的图像res /像素大小的最佳实践是什么？你如何处理不同的屏幕尺寸？您是否为网络制作了不同屏幕的不同图像？或者您是使用一个图像大小，然后如何处理出现的问题？您使用的像素大小是多少？

谢谢。

Answer 1

通过这个指令我克服了Tinder profile kind app

中的图像拉伸问题

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();
        });
    }
})

适用于ios和Android的混合移动应用中图像资源/像素大小的最佳做法？

1 个答案: