标签: dynamic-resizing

响应式Highcharts在窗口调整大小之前没有正确调整大小

我在Zurb的Foundation框架中使用Highcharts进行课堂项目.我在章节标签中有三个图表.一个在12列div中,另外两个在6列div中的同一行.

当页面加载时,特色图表不占用12列的可用宽度,两个较小的图表溢出它们的6列.但是,当窗口调整大小或我尝试使用Inspect元素进行调查时,图表会立即捕捉到正确的尺寸.在Chrome,FF和IE中会出现此问题.

我意识到我可以设置一个特定的宽度,但我真的想利用基金会并让他们保持敏感.

我已经调整了CSS和Highcharts初始化,但我很难过.还有其他人遇到过这个问题吗?任何人都能看到我错过的东西吗?

这是我的HTML的摘录:

<div class="row">
<div class="twelve columns">
    <!--begin tabs below--> 
    <div class="section-container tabs" data-section="tabs">
      <section>
        <p class="title" data-section-title><a href="#">Heart Disease</a></p>
        <div class="content" data-section-content id="heart">

            <div class="row feature-chart">
                <div class="large-12 columns">
                    <div id="heartTimeline-container">
                    <div id="heartTimeline"></div>
                    </div>
                </div> <!--close 12 columns-->
            </div> <!--close row-->
            <div class="row small-charts">
                <div class="large-6 columns">
                    <div id="heartDemo"></div>
                </div>
                <!--close 6-->
                <div class="large-6 columns">
                    <div id="heartStages"></div>
                </div>
                <!--close 6-->
            </div>
            <!--end row-->
        </div>
      </section>
   </div>
   </div>
   <!--end twelve columns-->
Run Code Online (Sandbox Code Playgroud)

这是Highcharts js:

$(function () {
    Highcharts.setOptions({ …
Run Code Online (Sandbox Code Playgroud)

javascript css dynamic-resizing highcharts zurb-foundation

50
推荐指数
4
解决办法
6万
查看次数

如何根据内容自动调整JFrame的大小

我创建了一个JPanel显示图像的自定义(让我们调用它MyPanel),我已经将它添加到了JFramecontentPane中.

我想JFrame自动调整大小以适应MyPanel何时更改图像.

看起来我需要打电话frame.pack()来做这件事.调用pack()MyPanel增加耦合,所以我不希望这样做.

为了解决这个问题,我扩展了JFrame(让我们调用它MyFrame)并创建了MyFrame观察者,并且MyPanel可以观察到.每当图像MyPanel显示更改时,它就会通知侦听器MyFrame.然后在收到通知时MyFrame调用pack().

是否有JFrame根据其内容调整大小的平滑方式?

swing resize jframe dynamic-resizing

20
推荐指数
1
解决办法
3万
查看次数

std :: string及其自动调整内存大小

我对C++很陌生,但我知道你不能像std :: string类那样只使用内存似乎让你这么做.例如:

std::string f = "asdf";
f += "fdsa";
Run Code Online (Sandbox Code Playgroud)

字符串类如何处理变得越来越大?我假设它分配了一个默认的内存量,如果它需要更多,它会有new更大的内存块并将自身复制到那个内存块.但是,每次需要调整大小时,必须复制整个字符串并不是很低效吗?我真的不能想到可以做到的另一种方式(但显然有人这样做了).

就此而言,所有stdlib类如vector,queue,stack等如何处理如此透明的增长和收缩?

c++ memory string std dynamic-resizing

12
推荐指数
3
解决办法
5574
查看次数

App Engine裁剪到特定的宽度和高度

我需要调整大小并将图像裁剪为特定的宽度和高度.我能够构建一个可以创建方形缩略图的方法,但是当所需的缩略图不是正方形时,我不确定如何应用它.

def rescale(data, width, height):
"""Rescale the given image, optionally cropping it to make sure the result image has the specified width and height."""
from google.appengine.api import images

new_width = width
new_height = height

img = images.Image(data)

org_width, org_height = img.width, img.height

# We must determine if the image is portrait or landscape
# Landscape
if org_width > org_height:
    # With the Landscape image we want the crop to be centered. We must find the
    # height to width ratio …
Run Code Online (Sandbox Code Playgroud)

google-app-engine resize image-manipulation resize-image dynamic-resizing

10
推荐指数
1
解决办法
2912
查看次数

fancybox iframe维度

在fancybox主页(http://fancybox.net/home)中,有一个示例打开一个iFrame,其尺寸为屏幕的75%.

我不能通过修改.js文件的宽度和高度属性来获得它,如网站上所述.

jquery fancybox dynamic-resizing

9
推荐指数
2
解决办法
5万
查看次数

以英寸为单位确定网页的宽度

我有一个CSS样式表,它使用媒体查询来根据宽度的多少英寸来改变页面的显示方式(例如,如果它小于4英寸或者在手持设备上显示,它会假设更具移动性 - 友好的LAF).

我遇到的问题是它的内容.在主页上,有一个停靠式界面,可根据窗口的当前高度和宽度动态更改高度,以便文本和项目永远不会离开屏幕.但是,确定此大小的我的JS不知道样式表何时更改为手持设备或小屏幕,因此在此模式下行为继续无法预测.当页面小于或等于4英寸时,如何使用JavaScript检测,以便我可以禁用当时重新设置的扩展坞的自动调整大小?

javascript document width inches dynamic-resizing

6
推荐指数
1
解决办法
3877
查看次数

如何根据JPanel的大小设置JTextPane的大小?

我想根据面板的大小设置 JTextPane 的大小,以便当我添加其他面板时,它会相应地改变。但它只是在中心提供一个小的文本窗格,当我添加一些文本时,它的大小会相应地改变。

JPanel panel = new JPanel();
JTextPane txt = new JTextPane();
JScrollPane pane = new JScrollPane();
pane.add(txt);
panel.add(pane,BorderLayout.CENTER);
add(pane);
Run Code Online (Sandbox Code Playgroud)

现在 jtextpane 就像一个小盒子一样出现在屏幕的中央。我希望它根据面板的大小出现

java swing jtextpane dynamic-resizing

0
推荐指数
1
解决办法
6299
查看次数