Tag: 调整

结合onload和onresize（jQuery）: 我想调用负载上的function以及resize。有没有更好的方法来更紧凑地重写？ $('.content .right').width($(window).width() – (480)); $(window).resize(function(e) { $('.content .right').width($(window).width() – (480)); });

无法获得UIView sizeToFit做任何有意义的事情: 当我添加一个子视图到一个UIView ，或者当我调整现有的子视图，我期望[view sizeToFit]和[view sizeThatFits]来反映这种变化。但是，我的经验是， sizeToFit什么都不做， sizeThatFits在更改前后返回相同的值。我的testing项目有一个包含一个button的单一视图。单击该button将向视图添加另一个button，然后在包含的视图上调用sizeToFit 。在添加子视图之前和之后，视图边界被转储到控制台。 – (void) logSizes { NSLog(@"theView.bounds: %@", NSStringFromCGRect(theView.bounds)); NSLog(@"theView.sizeThatFits: %@", NSStringFromCGSize([theView sizeThatFits:CGSizeZero])); } – (void) buttonTouched { [self logSizes]; UIButton *btn = [UIButton buttonWithType:UIButtonTypeRoundedRect]; btn.frame = CGRectMake(10.0f, 100.0f, 400.0f, 600.0f); [theView addSubview:btn]; [theView sizeToFit]; [self performSelector:@selector(logSizes) withObject:nil afterDelay:1.0]; } 输出是： 2010-10-15 15:40:42.359 SizeToFit[14953:207] theView.bounds: {{0, […]

如何调整JavaFX ScrollPane内容以适应当前大小: 我有一个以ScrollPane作为中心元素的BorderPane 。它自动resize以填满屏幕。 ScrollPane内部是一个HBox ，它没有内容，但是是一个拖放目标。所以我想要它填充它的父ScrollPane 。什么是这样做的首选方法？我到目前为止所尝试的是重写ScrollPane.resize(…)方法来调整HBox大小，但它看起来相当复杂和非正统。编辑：若要添加一些有用的代码，这是我可以解决这个问题，但我相信有一些更好的方法来做到这一点： @Override public void resize(double width, double height) { super.resize(width, height); double scrollBarHeight = 2; double scrollBarWidth = 2; for (final Node node : lookupAll(".scroll-bar")) { if (node instanceof ScrollBar) { ScrollBar sb = (ScrollBar) node; if (sb.getOrientation() == Orientation.HORIZONTAL) { System.out.println("horizontal scrollbar visible = " […]

窗口大小调整指令: 我试图resize，当窗口调整后，环顾四周，似乎使用指令是最好的解决scheme。模板： <div elHeightResize ng-view ng-style="{ height: windowHeight }"></div> 指示： myApp.directive('elheightresize', ['$window', function($window) { return { link: function(scope, elem, attrs) { scope.onResize = function() { var header = document.getElementsByTagName('header')[0]; elem.windowHeight = $window.innerHeight – header.clientHeight; } scope.onResize(); angular.element($window).bind('resize', function() { scope.onResize(); }) } } }]) 虽然我可以在scope.onResizeloggingelem.windowHeight ，但它似乎并不适用于ngStyle 我还可以俯视吗？编辑： <div ng-view resize style="height: {{ windowHeight }}px"> […]

Chrome扩展程序“Window Resizer”的替代方法: 鉴于最近争议（2013年12月）在Chrome扩展名为“窗口调整器”，有什么替代解决scheme来快速调整Chrome浏览器的响应式开发testing？

如何自动resize和调整分辨率更改的表单控件: 我已经注意到一些应用程序改变了他们的控制位置，尽可能的调整他们的分辨率，如果窗口最大化，他们自己设置自己的方式，使所有的GUI看起来平衡。我的问题是，是否有可能在Visual Studio 2010 C＃中制作或实现此function？

将宽度和高度指定为百分比，而不使HTML中的照片比例偏斜: 我想知道是否在宽度和高度属性，我可以指定宽度和高度为百分比？那么，我想这是显而易见的，因为当我这样做的时候，它调整了大小，但是这似乎是扭曲了我的形象的质量。这里是我的固定属性标记的例子： <img src="#" width="346" height="413"> 现在，在尝试缩小这个比例的时候，通过百分比说一半： <img src="#" width="50%" height="50%"> 我得到的东西完全不同于： <img src="#" width="173" height="206.5"> 我认为我只是从根本上误会了我的百分比涨幅，因为我的第二个和第三个例子在视觉上有明显的差异。更新：嘿谢谢大家的所有有益的职位！我真的很喜欢Pat提出的jQuerybuild议，只是因为在他的build议中，我实际上可以修改select器，并将其应用于所有受到影响的图像，例如： $('img.FancyBox').each(function(){ $(this).width($(this).width() * 0.25); }); 那真棒！您可以在我的网站查看实时效果： http : //www.marioplanet.com/product.htm 它工作得很好，考虑到一旦我连接到我的SQL Server数据库，然后我可以将这个jQuery代码片段应用到我的产品页面上的所有FancyBox类图像。多谢你们！

AngularJS $ watch窗口调整内部指令: 我有揭示模块模式，看起来像这样： 'use strict'; angular.module('app', []) .directive('myDirective', ['SomeDep', function (SomeDep) { var linker = function (scope, element, attr) { // some work }; return { link: linker, restrict: 'E' }; }]) ; 我遇到麻烦的是将$ watch整合到此。特别注意窗口大小，用“$ window”服务。 [编辑]：我意识到我的问题是这一整个时间…我限制元素，当我忘了我正在实现它作为属性… @ _ @;

Angular JSresize的div指令: 我的网站将有多个部分，我打算可以resize。为了做到这一点，我做了一个“可resize”的指令，例如： <div class="workspace" resize="full" ng-style="resizeStyle()"> <div class="leftcol" resize="left" ng-style="resizeStyle()"> 有一个像这样的指令： 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, […]