标签: portrait

我正试图在splash-image各种设备上进行手动设置.我这样做是通过检查orientation(触摸设备)或screen width vs. screen height(无触摸)并相应地设置URL.

然后我通过Javascript添加这个CSS规则:

 document.styleSheets[3].insertRule('.initHandler:before { 
    background: url('+x+') no-repeat center center fixed; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
    }', 0)

随着x作为图像取决于方向和屏幕尺寸被加载.

我的问题是这在landscape模式下工作正常,但在我的iPad portrait模式下,加载了正确的图像(根据肖像/风景不同),但它没有扩展到全屏大小.

问题:
我不能background-size在纵横模式下在iOS上使用CSS 吗？

感谢帮助!

编辑:
刚试过我的Android智能手机.那里工作得很好.没有任何意义,为什么它不适用于iPad.

是否可以在移动设备上将视口的方向锁定为纵向？

我用谷歌搜索，但找不到确切的方法。

我在Android设备上以PORTRAIT方向捕获了一个新视频,如下所示:

Intent intent = new Intent(android.provider.MediaStore.ACTION_VIDEO_CAPTURE); 
startActivityForResult(intent, 1886);

它给了我这个文件:"/ mnt/sdcard/DCIM/Camera/video-2012-02-02-10-45-48.mp4"

然后我这样玩:

private VideoView videoView = (VideoView) findViewById(R.id.videoView);
String videoUrl = "/mnt/sdcard/DCIM/Camera/video-2012-02-02-10-45-48.mp4";
videoView.setMediaController(new MediaController(this));      
videoView.setVideoURI(Uri.parse(videoUrl));
videoView.start();

这是我的布局文件:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent" >

<VideoView
    android:id="@+id/videoView"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:layout_centerInParent="true" />

</RelativeLayout>

当我在标准Android画廊中播放时,方向是正确的.但是当我在上面的VideoView中播放视频时,它旋转了90度.景观效果很好,唯一的问题是人像视频.

如何在VideoView中旋转此视频？
另外,我如何以编程方式确定方向？

我最近几天一直在使用ActionBar和ActionBarSherlock,在ActionBar中填写一些信息时遇到了一些问题.

当应用程序以纵向模式运行时,ActionBar看起来很好,并且可以显示所有数据,例如:

但当我将应用程序切换为横向显示时,会裁剪一些数据:

您可以注意到由于ActionBar的新高度,状态图标和电子邮件的裁剪方式.

在这种情况下,我想保持相同的纵向和横向大小,以便应用程序看起来很好.我无法减小操作栏标题的字体大小,因为它可能包含其他图标.

我将这些图标放在操作栏标题和副标题中的方式是使用Html.fromHtml

有什么想法可以解决这个问题？我正在使用ActionBarSherlock库!

我们生成的网页应始终以横向模式打印.Web浏览器打印对话框默认为纵向,因此对于每个打印作业,用户都必须手动选择横向.它很小,但如果我们可以删除这个不必要的步骤,对用户会很好.

提前感谢所有受访者.

我目前正在开发一个对所有设备都相对平等的网站; 桌面和移动.我正在使用%,因为我认为这是最好的选择.

它基于肖像模式.如果您将设备更改为横向,整个网站看起来像一个胖侏儒.

所以我想知道:是否有可能锁定一个网站,一直以纵向显示它？

而且,我的意思是:设备旋转锁定.并不是说,当去景观时,网站返回到肖像,而在景观.(我已经在StackOverflow上看到了一些代码.)

Check my site at: http://prototyping.iscs.nl/mobiel.html 

以供参考 :)

提前致谢

如果您在iPad上访问http://eastcoworldwide.com/Proofs/mint/index.html,请单击第1章>第1章>开始使用...您将在加载屏幕后看到第1章页面.

基本上这是什么,是html嵌入到由html 5和javascript拉到一起的iframe中.这个iframe中的html调用自己的名为other.css的css表.把这一切拉到一起的html文件就是调用一个名为styles.css的样式表.

显然,我希望在纵向视图中,此iframe的内容区域小于横向.我在other.css中使用css:

@media only screen and (device-width: 768px) and (orientation:landscape) {
    #content {background:green;}
}


@media only screen and (device-width: 768px) and (orientation:portrait) {
    #content {background:blue;}
}

问题是,它甚至没有看到肖像css.我已经尝试了十几种不同的方式(这应该是正确的方式,并适用于整个页面的styles.css调整)但它不会识别它.它只会使用景观.它不像它不会看到媒体查询,它拉动景观css.但不会使用肖像.真的很奇怪.如果你看到绿色的bg在纵向和横向,它忽略了肖像.如果你看到蓝色它的工作,请帮忙!

顺便说一句,如果我摆脱了风景css,它更喜欢画面的默认设置.没有意义.iframe是否会阻碍其在定位改变时拉入新的css？

我知道纯CSS可以根据屏幕尺寸调整样式表,如下所示:

@media (max-width: 959px) {
  /* styles for smallest viewport widths */
}

@media (min-width: 600px) and (max-width: 959px) {
  /* styles for mid-tier viewport widths */
}

@media (min-width: 960px) {
  /* original CSS styles */
}

^(来源)

是否可以使用纯CSS来检查横向或纵向显示？

我的第一个iOS 2D游戏的代码是写的.现在,谈到资产,我感到迷茫.一个原因是由于过时的物品导致的不完美感.我需要知道图像大小,才能开始设计.游戏的设备方向仅为纵向.状态栏被隐藏(游戏).这些设备是通用的,主要的iPhone,但我当然没有异议,如果iPad的尺寸也很好.为此目的开始设计的最佳图像尺寸是多少？

如果我没有你的帮助,我会开始在1242 x 2208和401ppi创建背景(全屏)图像.然后,在Photoshop中将最终图像缩小到750 x 1334(4,7")和640 x 1136(4").我的方法是对的吗？特别是,最好从1242 x 2208开始还是1080 x 1920罚款？

我想知道为什么 Flutter 在 iOS 设备上运行时可以从纵向旋转到横向，但在我的 Android 设备上根本不旋转？

作为代码示例，您可以在下面找到“hello world”示例。同样，对于这个简单的代码示例，Flutter 开箱即用地为 iOS 设备旋转，但它不会为 Android 旋转。为什么 ？？

对于添加 ListViews 或其他的更复杂的应用程序也是如此（即 iOS 很好地旋转屏幕，Android 没有）。

我发现了一个叫做OrientationBuilder( link1 ) 或MediaQuery.orientation( link2 ) 的东西。但这似乎只能提供区分设备方向的能力，然后您必须相应地在代码中采取行动。这似乎是一个可能的解决方案，但我想知道为什么我必须为 Android 设备而不是为 iOS 投资额外的工作？

我正在寻找的是 Flutter 下 Android 的“自动”旋转可能性（就像 iOS 开箱即用一样）。我怎么能做到这一点？

这是我的“hello world”示例的两个屏幕截图。（iOS 开箱即用/Android 没有）：

这是 Dart 代码：

import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: MyHomePage(title: 'Flutter Demo …