我有这个@media设置:
HTML:
<head>
<meta name="viewport" content="width=device-width, user-scalable=no" />
</head>
CSS:
@media screen and (min-width: 769px) {
/* STYLES HERE */
}
@media screen and (min-device-width: 481px) and (max-device-width: 768px) {
/* STYLES HERE */
}
@media only screen and (max-device-width: 480px) {
/* STYLES HERE */
}
使用此设置它可以在iPhone上运行,但它在浏览器中不起作用.
是因为我已经device在meta中了,也许还有max-width:480px？
我无法弄清楚为什么我无法在我的VideoView中播放视频.所有我收到的消息是:
无法播放视频:对不起,此视频无法播放.
我也为我的模拟器创建了一张SD卡.我是否需要将SD卡放入SDK中的特定文件夹中？请评论.
这是布局:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
android:id="@+id/LinearLayout01"
android:layout_height="fill_parent"
android:paddingLeft="2px"
android:paddingRight="2px"
xmlns:android="http://schemas.android.com/apk/res/android"
android:paddingTop="2px"
android:paddingBottom="2px"
android:layout_width="fill_parent"
android:orientation="vertical">
<VideoView
android:layout_height="fill_parent"
android:layout_width="fill_parent"
android:id="@+id/VideoView" />
</LinearLayout>
这是代码:
package com.examples.videoviewdemo;
import android.app.Activity;
import android.os.Bundle;
import android.widget.MediaController;
import android.widget.VideoView;
public class VideoViewDemo extends Activity {
/** Called when the activity is first created. */
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
VideoView videoView = (VideoView)findViewById(R.id.VideoView);
//MediaController mediaController = new MediaController(this);
// mediaController.setAnchorView(videoView);
//videoView.setMediaController(mediaController);
videoView.setVideoPath("/sdcard/blonde_secretary.3gp");
videoView.start();
}
}
等待回复......
我熟悉如何在Atom和Sublime等其他编辑器中向上或向下移动一行.
这是如何在Visual Studio Code for Mac中完成的？
我正在尝试测试React组件的样式属性.在测试中获得样式参数的最佳方法是什么？
此时,我最好的选择是测试HTML是否包含字符串,但我认为有更好的选择.
案件:
it('Should render large image when desktop', () => {
const dummyUrl = 'http://dummyUrl';
const wrapper = shallow(
<MockedStore
initialState={{
app: fromJS({ browser: { desktop: true } }),
}}
>
<LandingHero bigImage={dummyUrl} />
</MockedStore>
);
});
要测试的组件是:
// @flow
import React, { Component } from 'react';
import gc from 'styles/core.scss';
import $ from 'jquery';
import DownloadButton from 'components/DownloadButton';
import withStyles from 'isomorphic-style-loader/lib/withStyles';
import DownArrow from 'components/DownArrow';
import { connect } from 'react-redux';
import type { Map } from …console.log语句在Jest中根本没有输出任何内容.昨天这对我有用,突然之间,它今天不起作用了.我对配置进行了零更改,但没有安装任何更新.
我没有使用该--forceExit选项.仍然看到这个问题.
是否可以为CSS伪类设置动画？
说我有:
#foo:after {
content: '';
width: 200px;
height: 200px;
background: red;
display: block;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
}
#foo:hover:after {
width: 250px;
height: 250px;
}
这甚至可能吗？我一直在测试,到目前为止我似乎无法找到解决方案.我正在尝试使用Modernizr减少我需要的JavaScript支持量.
我已经有了一个JavaScript方法,所以请不要选择JavaScript.
1 px = 1/96th in 1 in
在我以前的18.5英寸的屏幕,screen.width是1367 px和英寸屏幕宽度14 inches.按W3C公式:
14 * 96 px = 1344 px
W3C公式偏离了20/14 px per inch.由于偏差太小,1 inch在我的屏幕上97.4 px我接受了W3C公式,并且认为CSS像素是一个absolute unit of measure,意味着它总是等于0.75 pt(物理单位).
这一周,我买了一台21.5英寸全高清屏幕,它具有宽度19 inches和screen.width是1920 px.所以现在1 inch在我的屏幕上是:
1920/19 ~ 101 px
不仅如此,我朋友的屏幕是24英寸,并具有相同的1920 x 1080分辨率.24英寸和21.5英寸都不能对应相同数量的CSS像素.
所以现在,在我的屏幕上,CSS像素不是绝对的测量单位.屏幕上的一切都相对较小.即便如此,现在我被我的字体大小所迷惑.当我在屏幕上找到16 px作为最小可读字体时,它在较小的屏幕上实际上更大.因为16 px我的屏幕14px在我以前的小屏幕上的厘米与厘米相同.我设计我的网站错了,我不再是一个好的前端开发人员了.
所以问题是:
我使用以下HTML将外部URL中的HTML嵌入到我的网站中,效果很好:
<object data="https://myapp.com/explore" width="100%" height="100%" type="text/html" style="overflow: hidden;">
<embed src="https://myapp.com/explore" width="100%" height="100%;" />
Error: Embedded data could not be displayed.
</object>
在页面上,显示垂直滚动条,这是我期望的正确行为,因为内容大于Chrome浏览器窗口的高度.
但是,当我第一次单击垂直滚动条时,页面会滚动...之后,无需单击,只要鼠标位于垂直滚动条上,页面就会滚动,而实际上我没有点击滚动.
有谁看过这个,你能建议如何解决？这是我以前从未见过的奇怪行为......
我正在尝试使用Ember CLI定义这样的资源和路由.
this.resource('events', function() {
this.route('view', { path: "/:id"})
});
如果我试试这个:ember g resource events/view我明白了:
this.resource('events/view', { path: 'events/views/:events/view_id' });
如果我试试这个:ember g resource events
和:ember g resource events/view
this.resource('events', { path: 'events/:events_id' });
this.resource('events/view', { path: 'events/views/:events/view_id' });
如果我试试这个:ember g resource events
和:ember g route events/view
this.resource('events', { path: 'events/:events_id' });
this.route('events/view');
有没有办法做到这一点？
我有BitmapScalingHelper.java:
public class BitmapScalingHelper
{
public static Bitmap decodeResource(Resources res, int resId, int dstWidth, int dstHeight)
{
Options options = new Options();
options.inJustDecodeBounds = true;
BitmapFactory.decodeResource(res, resId, options);
options.inJustDecodeBounds = false;
options.inSampleSize = calculateSampleSize(options.outWidth, options.outHeight, dstWidth,
dstHeight);
Bitmap unscaledBitmap = BitmapFactory.decodeResource(res, resId, options);
return unscaledBitmap;
}
public static Bitmap decodeFile(String filePath, int dstWidth, int dstHeight)
{
Options options = new Options();
options.inJustDecodeBounds = true;
BitmapFactory.decodeFile(filePath, options);
options.inJustDecodeBounds = false;
options.inSampleSize = calculateSampleSize(options.outWidth, options.outHeight, dstWidth,
dstHeight);
Bitmap unscaledBitmap = BitmapFactory.decodeFile(filePath, options); …android nullpointerexception android-activity android-bitmap