标签: width

不同手机上的不同浏览器有不同的屏幕分辨率

社区中是否有最佳实践将宽度设置为标准尺寸,以便适用于大多数现代手机和浏览器？

我的目标是生成一个包含表格的html文件并将其导出为pdf.
不幸的是,我不能让桌子像我想要的那样行事.

表格的一部分应显示时间刻度,其中最低行,周,月和年的天数在上面的行中,并具有预先计算的colspan.

只有日期的s具有CSS(style="width:...")给出的宽度.

问题是宽度完全被忽略,因此1-9天的字段宽度只有其他字段的一半.接下来,因为上面的字段是自动调整的,因为它们没有宽度,所以它们的大小也是错误的.

alt text http://img217.imageshack.us/img217/6617/scale1x.jpg

下面是产生的来源:http: //pastebin.com/JyiqhSzs

到目前为止我们尝试过的:

• 用过非css(width="")
• 给另一个字段也计算宽度(colspan值乘以一天的宽度)

也style="table-layout:fixed;"为表设置但没有效果.

所以我不知道如何让桌子有我想要的宽度？

作为更大的UI的一部分,我有RelativeLayout三个视图,我希望有相同的宽度.三个视图像这样"堆叠"在彼此之上

1. ImageView
2. TextView
3. ImageView

我已经尝试了各种各样的事情,例如将Views' 设置android:layout_width为"wrap_content",设置android:layout_width为"0px"并android:layout_weight按照此答案的建议设置为"1" ,并将Views放在一个LinearLayout没有成功的情况下.

如何让这三个视图的宽度相同？

布局xml的相关部分:

<RelativeLayout
    android:layout_width="fill_parent"
    android:layout_height="0px"
    android:layout_weight="1">
        <ImageView
            android:layout_above="@string/window_text"
            android:layout_below="@string/eighteen_id"
            android:layout_height="wrap_content"
            android:layout_width="wrap_content"
            android:paddingTop="5dp"
            android:layout_alignParentRight="true"
            android:paddingBottom="5dp"
            android:src="@drawable/line1"
            android:id="@string/line_1_id"/>
        <TextView
            android:layout_above="@string/line_2_id"
            android:layout_height="wrap_content"
            android:layout_width="fill_parent"
            android:gravity="right"
            android:layout_centerVertical="true"
            android:textColor="#000000"
            android:id="@string/window_text"/>
        <ImageView
            android:layout_above="@string/top_row_id"
            android:layout_height="wrap_content"
            android:layout_width="wrap_content"
            android:layout_alignParentRight="true"
            android:paddingTop="5dp"
            android:paddingBottom="10dp"
            android:src="@drawable/line1"
            android:id="@string/line_2_id"/>
</RelativeLayout>

我正在从代码构建UI并且可以成功添加ProgressBar小部件,但是我无法将小部件的维度更改为我需要的值,它始终保持默认大小(大约50dp).我试过以下代码;

    ProgressBar progressBar = new ProgressBar(activity, null, android.R.attr.progressBarStyleHorizontal);
    progressBar.setMinimumHeight(20);
    progressBar.setMinimumWidth(100);

我也尝试过设置progressBar LayoutParams,但是我没有试过,我尝试将窗口小部件包装在另一个布局中,但仍然没有运气.

任何人都可以帮忙,因为我看不到怎么做？如果有使用XML的解决方案,它可以工作,但我必须在运行时设置维度和位置.

对于Progress XML,我使用了以下内容.

<ProgressBar
      xmlns:android="http://schemas.android.com/apk/res/android" 
      android:layout_width="fill_parent"
      android:layout_height="10dp"
      android:indeterminateOnly="false"
      android:progressDrawable="@android:drawable/progress_horizontal"
      android:indeterminateDrawable="@android:drawable/progress_indeterminate_horizontal"
      android:maxWidth="1000dp"
   />

然后膨胀它的代码如下.这是我们一直在讨论的内容的混合.

    LayoutInflater layoutInflater = (LayoutInflater)activity.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
    ProgressBar progressBar = (ProgressBar)layoutInflater.inflate(R.layout.progress_bar, null);
    progressBar.setMinimumHeight(10);
    progressBar.setMinimumWidth(200);
    progressBar.setLayoutParams(new RelativeLayout.LayoutParams(200, 10);

    progressBar.setMax(100);
    progressBar.setProgress(getScrollBarValue());
    progressBar.setIndeterminate(isIndeterminate());
    progressBar.getLayoutParams().width = 200;
    progressBar.invalidate();

我还没有做任何iPhone版本,所以我有这个问题,

为了能够正确浏览网站 - 即使用户将手机转90º:

我应该用px或%设置CSS吗？

在大多数浏览器(即ff,chrome,safari)上,我有一个非常奇怪的"问题".这是示例代码:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <style type="text/css">
        html{
            outline: 1px #0ff solid;
            background: rgba(0,255,255,0.1);
        }
        body{
            margin: 0;
            padding: 0;
            outline: 1px #00f solid;
            background: rgba(0,0,255,0.1);
        }
        #aDiv{
            width: 300px;
            outline: 1px #f00 solid;
            background: rgba(255,0,0,0.2);
        }
        #bDiv{
            margin-top: 100%;
            outline: 1px #0f0 solid;
            background: rgba(0,255,0,0.1);
        }
    </style>
</head>
<body>
    <div id="aDiv">
        <div id="bDiv">
            content
        </div>
    </div>
</body>
</html>

当您更改#aDiv宽度时,#bDiv margin-top将更改为相同的值.我不知道它是如何可能的,高度是宽度.无论如何,也许你可以解释一下我发生了什么？

最好的祝福 ;)

D.

也许你们可以帮我解决这个问题:我有一个字典和一个与该字典结合的ItemsControl.每个条目的Key确定ItemsControl中每个Item的内容,Value确定每个Item的宽度.这个问题很大:宽度是一个百分比值,所以它告诉我,例如,我的Item需要是其父级的20%.

我怎样才能做到这一点？我知道网格能够处理基于星的宽度,但由于我必须在网格的开头定义GridDefinition,我不能在ItemsControl.ItemTemplate中执行此操作.

当前代码:

<ItemsControl ItemsSource="{Binding Distribution}" HorizontalAlignment="Stretch" VerticalAlignment="Stretch"> 
        <ItemsControl.ItemsPanel>
            <ItemsPanelTemplate>
                <Grid IsItemsHost="True" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" />
            </ItemsPanelTemplate>
        </ItemsControl.ItemsPanel> 
        <ItemsControl.ItemTemplate>
            <DataTemplate>
                <!-- I NEED THIS TO BE A CERTAIN PERCENTAGE IN WIDTH -->
                <Label Content="{Binding Key.Text}" Foreground="{Binding Key.Color}"/> 
            </DataTemplate>
        </ItemsControl.ItemTemplate>
    </ItemsControl>

有什么想法吗？有没有优雅的方法来解决这个问题？

谢谢!

澄清:百分比应该基于ItemControls父级!

另一个:每个项目应该是网格的一列,而不是一行.所以我需要所有项目在同一行中彼此相邻.

解决方案:

感谢您的帮助,可以通过使用Multibinding和Binding到ItemsControl的ActualWidth来解决此问题.这样,只要ItemsControl的大小发生变化,Items也会发生变化.不需要网格.此解决方案仅创建相对宽度,但当然可以将相同的解决方案应用于项目的高度.这是一个简短的版本,有关更全面的解释,请参见下文:

XAML:

<ItemsControl ItemsSource="{Binding Distribution}" Name="itemsControl"  HorizontalAlignment="Stretch" VerticalAlignment="Stretch">
         <ItemsControl.ItemsPanel>
            <ItemsPanelTemplate>
                <StackPanel IsItemsHost="True" Orientation="Horizontal" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" />
            </ItemsPanelTemplate>
        </ItemsControl.ItemsPanel> 
        <ItemsControl.ItemTemplate>
            <DataTemplate>
                <Label Content="{Binding Key.Text}" 
                       Foreground="{Binding Key.Color}">
                    <Label.Width>
                        <MultiBinding Converter="{StaticResource myConverter}">
                            <Binding Path="Value"/>
                            <Binding …

我需要使用jQuery更改div的宽度.

当我使用以下内容时,它可以工作:

$('#footer').css('width', '100%');
$('#footer').css('width', '-=239');

当我使用它时,它的工作原理是:

$('#footer').css('width', '100%');
$('#footer').css('width', '-=239px');

但是当我使用它时它没有做任何事情:

$('#footer').css('width', '100%');
$('#footer').css('width', '-=21em');

有没有办法使jQuery工作em？或计算em,以px及设置一个变量例如和减去该值？

编辑:感谢大家纠正我的拼写和代码!

我有问题,我的传说太大,我的代码:

par(mfrow=c(1,2))
hist(alvsloss,breaks = 100, freq=F,main="Histogramm,
 density curve (gaussian kernel) \n and fitted normal distribution of Allianz simple losses ",xlim=c(-0.15,0.15),xlab="loss",ylab="density",cex.axis=1.2,cex.lab=1.2)
lines(density(alvsloss), col="black", lwd=2)
curve(dnorm(x, mean = mean(alvsloss), sd = sd(alvsloss)), add=TRUE, col="black",lwd=2,lty="dotted")

legend(-0.155, 30, c("(Gaussian) Kernel density","fitted normal distribution"),lwd=2, cex=0.8, 
   col=c("black","black"), lty=1:2)


qqnorm(alvsloss,main="normal QQ Plot",cex.axis=1.2,cex.lab=1.2)
qqline(alvsloss)

这给出了以下图片:

问题是,左边的图例太大了,我该如何控制盒子的宽度？盒子太大了.

数据可以在这里找到:http://uploadeasy.net/upload/ocafq.rar

假设我在磁盘上有一个图像,称之为image.jpg,如何使用统计语言R确定图像宽度和高度的像素数.

不知道从哪里开始所以没有最小的例子我害怕.

如果有人可以简单地建议包装和功能,我可以解决剩下的问题.