标签: resize

结合onload和onresize(jQuery)

我想在加载和调整大小时调用函数.

有没有更好的方法来更紧凑地重写这个?

$('.content .right').width($(window).width() - (480));
$(window).resize(function(e) {
    $('.content .right').width($(window).width() - (480));
});
Run Code Online (Sandbox Code Playgroud)

jquery resize window

47
推荐指数
3
解决办法
8万
查看次数

在iOS上使用CSS的iframe大小

有一个iframe,它基本上有更多的内容而不适合框架.框架的大小基于浏览器屏幕大小,并允许溢出滚动,在除iOS之外的所有浏览器上都能完美运行.在iOS上,safari决定调整框架大小以适应内容.不是你所期望的.

关于jsFiddle的示例代码:http:
//jsfiddle.net/R3PKB/2/

在您的iOS设备上试用:http:
//jsfiddle.net/R3PKB/2/embedded/result

HTML:

<div class="frame_holder">
  <iframe class="my_frame">
    // The content
  </iframe>
</div>
Run Code Online (Sandbox Code Playgroud)

CSS:

body {
  position: relative;
  background: #f0f0f0;
}

.frame_holder {
  position: absolute;
  top: 50px;
  bottom: 50px;
  left: 50px;
  right: 50px;
  background: #ffffff;
}

.my_frame {
  width: 100%;
  height: 100%;
  border: 1px solid #e0e0e0;
}
Run Code Online (Sandbox Code Playgroud)

css iframe mobile resize ios

46
推荐指数
3
解决办法
5万
查看次数

UICollectionView - 调整设备上的单元格旋转 - Swift

我已经创建了一个UICollectionView,这样我就可以将视图排列成整齐的列.我希望在> 500像素宽的设备上有一个列.

为了实现这一点,我创建了这个函数:

func collectionView(collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAtIndexPath indexPath: NSIndexPath) -> CGSize {
    let size = collectionView.frame.width
    if (size > 500) {
        return CGSize(width: (size/2) - 8, height: (size/2) - 8)
    }
    return CGSize(width: size, height: size)
}
Run Code Online (Sandbox Code Playgroud)

这在第一次加载时按预期工作,但是当我旋转设备时,计算并不总是再次发生,并且视图并不总是按预期重绘.这是设备旋转时的代码:

override func willRotateToInterfaceOrientation(toInterfaceOrientation: UIInterfaceOrientation, duration: NSTimeInterval) {
    collectionView.collectionViewLayout.invalidateLayout()
    self.view.setNeedsDisplay()
}
Run Code Online (Sandbox Code Playgroud)

我假设我忘了重绘一些东西,但我不确定是什么.任何想法都非常感谢收到!

resize rotation uicollectionview swift

46
推荐指数
6
解决办法
3万
查看次数

最小化WPF中的窗口?

在使用Windows时,如何以编程方式最小化窗口WPF?我似乎可以找到一个.Resize属性?

c# windows wpf resize minimize

45
推荐指数
5
解决办法
6万
查看次数

Angular JS可调整大小的div指令

我的网站将有多个部分,每个部分我打算可以调整大小.为了实现这一点,我制定了一个"可调整大小"的指令,例如:

<div class="workspace" resize="full" ng-style="resizeStyle()">
<div class="leftcol" resize="left" ng-style="resizeStyle()">
Run Code Online (Sandbox Code Playgroud)

使用类似于以下内容的指令:

lwpApp.directive('resize', function ($window) {
    return {
        scope: {},

        link: function (scope, element, attrs) {
            scope.getWinDim = function () {
                return {
                    'height': window.height(),
                    'width': window.width()
                };
            };

            // Get window dimensions when they change and return new element dimensions
            // based on attribute
            scope.$watch(scope.getWinDim, function (newValue, oldValue) {
                scope.resizeStyle = function () {
                    switch (attrs.resize) {
                    case 'full':
                        return {
                            'height': newValue.height,
                            'width': (newValue.width - dashboardwidth)
                        };

                    case 'left':
                        return …
Run Code Online (Sandbox Code Playgroud)

scope resize controller directive angularjs

45
推荐指数
2
解决办法
7万
查看次数

如何通过更改分辨率自动调整大小和调整窗体控件

我注意到一些应用程序改变了它们的控件位置,以尽可能在分辨率中调整它们.如果窗口最大化,它们将自己设置为在所有GUI看起来均衡的方式.我的问题是,是否可以在Visual Studio 2010 C#中制作或实现此功能?

c# user-interface resize screen-resolution winforms

44
推荐指数
3
解决办法
19万
查看次数

WPF:如何使画布自动调整大小?

我希望我Canvas自动调整大小到其项目的大小,以便ScrollViewer滚动条具有正确的范围.这可以在XAML中完成吗?

<ScrollViewer HorizontalScrollBarVisibility="Auto" x:Name="_scrollViewer">
    <Grid x:Name ="_canvasGrid" Background="Yellow">
        <Canvas x:Name="_canvas" HorizontalAlignment="Left" VerticalAlignment="Top" Background="Green"></Canvas>
        <Line IsHitTestVisible="False" .../>
    </Grid>
</ScrollViewer>
Run Code Online (Sandbox Code Playgroud)

在上面的代码中,画布的大小始终为0,但它不会剪切其子元素.

.net wpf resize scrollviewer wpf-controls

43
推荐指数
5
解决办法
8万
查看次数

计算用于调整大小的图像大小比率

我有一个定义的固定宽度和高度来调整图像大小.但是,我有这个问题,因为图像可以有任何类型的尺寸比(它可以是垂直水平).在这种情况下,固定的宽度和高度会引起问题.我想以更智能的方式计算宽度和高度.

例如,假设我已经定义了宽度1024px和高度768px.我想调整一个垂直的图像(高度为1100px,宽度为200px).所以在我的情况下它会调整到固定大小(1024x768),因此宽度将从100px增加到768px,这将非常难看.同样,如果图像的高度小于768px,则会将力度增加到768px.

因此,我想根据原始图像尺寸比率计算新的图像尺寸.让我们说如果上面的示例图像应该调整到最大高度768px,但那么宽度呢?它已经小于我的"最大宽度",即200px,那么宽度应保持不变吗?还是应该进一步减少?

同样,如果图像的高度为200px,宽度为1100px.所以宽度应减少到1024px,但高度怎么样?

第三个问题是,假设高度和宽度都超过最大高度和最大宽度,我们假设宽度:1100px和高度:4000px.现在,由于宽度和高度都超过最大宽度和最大高度,但图像是垂直的,它将使其成为水平.那么如何在这种情况下检查是否应根据最大高度或根据最大宽度调整图像大小?

我很感激任何帮助.

php resize image image-processing

43
推荐指数
4
解决办法
9万
查看次数

为什么在C++ 11中更改了std :: vector :: resize签名?

std::vector::resize从前C++ 11 改变的原因是什么:

void resize( size_type count, T value = T() );
Run Code Online (Sandbox Code Playgroud)

到兼容的C++ 11表单:

void resize( size_type count );
void resize( size_type count, const value_type& value);
Run Code Online (Sandbox Code Playgroud)

c++ stl resize vector c++11

41
推荐指数
2
解决办法
2677
查看次数

数学/算法使图像适合屏幕保持纵横比

我需要数学/算法的帮助来拍摄已知大小的图像并适合两个屏幕尺寸之一:

720 x 480或1280 x 1024.

图像尺寸来自XML文件,但是这些尺寸是Web尺寸,我还从XML中选择可能比Web尺寸更高和更低分辨率的图像.

我想要的是使用网页尺寸的宽高比在HD(1280x720)屏幕上显示更高分辨率的图像(如果可用),或者,如果用户在SD屏幕上(720x480),则在该屏幕上显示图像.

如果我知道图像的分辨率在两个维度上都比SD屏幕小(在这种情况下,我所知道的是网络维度和水平维度),那么对此有用,但优先级较低的其他事情将会是这样. (图像文件),将其显示为该屏幕上的实际大小.

希望足够清楚.

谢谢!

algorithm math graphics resize image

40
推荐指数
4
解决办法
2万
查看次数