小编Llo*_*nks的帖子

将文本/内容缩小到iFrame中,而不会创建额外的空白区域

我有我的网站上我已经缩小使用此找到答案的内容的iframe的浏览器实例的问题.我注意到因为我使用CSS缩放和转换属性,我在iframe浏览器实例周围获得了额外的空白.填充的iframe加上它周围的空白区域包含我的iframe的原始宽度和高度(在通过变换和缩放缩小之前).

这就是结果:

在此输入图像描述

请注意,灰色突出显示的部分是页面的原始非iframe部分.iframe是页面的非突出显示部分.在原始iframe中,有缩小的浏览器实例和周围的额外空白区域.

什么是摆脱这个空白区域的最佳方法,或者有一种不同的方法来缩小我的iframe,以便不创建额外的空白区域?

这是我目前的CSS:

#iframe {
    width: 800px; 
    height: 800px; 
    border; 1px solid black; 
    zoom: 1.00; 
    -moz-transform: scale(0.65); 
    -moz-transform-origin: 0 0;
    -o-transform: scale(0.65); 
    -o-transform-origin: 0 0; 
    -webkit-transform: scale(0.65); 
    -webkit-transform-origin: 0 0;
}
Run Code Online (Sandbox Code Playgroud)

和HTML:

<iframe id = 'iframe' src = 'http://www.wsj.com'></iframe>
Run Code Online (Sandbox Code Playgroud)

谢谢!

html css iframe html5

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

摆脱PHPStorm中类的边界

有没有办法摆脱PHPStorm中围绕类的边界线?

在此输入图像描述

phpstorm

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

如何使用Twitter Bootstrap粘贴我的导航栏?

我有一个导航栏,在加载时从页面顶部开始大约50px.当我向下滚动时,我希望导航栏能够"粘贴"到页面的顶部,并在滚动浏览其余内容时可见.这类似于nav-bar在官方引导教程Github网站上所做的.
通过使用我可以让导航栏保持原位(尽管从我向下滚动页面时始终是50px)

<ul class = "nav nav-list bs-docs-sidenav affix">
Run Code Online (Sandbox Code Playgroud)

但是一旦我在上面加上"-top"就好了

<ul class = "nav nav-list bs-docs-sidenav affix-top">
Run Code Online (Sandbox Code Playgroud)

当我向下滚动页面时,导航栏不再保持原位并从视图中消失.

没有"-top"的jsfiddle

jsfiddle与"-top"

当我向下滚动时,如何让导航栏粘贴到页面顶部?

twitter-bootstrap

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

在Linux或Windows计算机上调试Mobile Safari

我知道可以通过这种方法调试移动Safari .它要求您在计算机上安装Safari.Mobile Safari在您的桌面Safari上进行模拟,为您提供标准的Web开发功能.

Safari几年前在Windows上停止使用.这可能在非Mac机器上吗?

safari mobile-safari

2
推荐指数
1
解决办法
6796
查看次数

如何在JavaScript中检查上载视频的长度/持续时间

有没有办法检查用户上传的视频文件的长度?

试过 duration,但这似乎只适用于已在DOM中引用的托管视频.

javascript

2
推荐指数
1
解决办法
3773
查看次数

角度承诺 - 在成功和错误上做点什么

我有一个返回标准解决方案或拒绝承诺的服务.在我的控制器中,我目前有类似的东西:

myService.myServiceFunction(id).then(function(data){
    // do something with data
    $scope.myServiceFunctionFinished = true;
}, function(data){
    // do some error handling with data
    $scope.myServiceFunctionFinished = true;
});
Run Code Online (Sandbox Code Playgroud)

在上文中,错误和成功响应都将触发$scope.myServiceFunctionFinished分配true值.

反正是否有上述速记,所以我没有两次定义相同的东西?如果上面的代码是try catch语句,我正在寻找相当于finally块.我在上面显示的变量赋值必须在服务器响应后发生.

angularjs angular-promise

2
推荐指数
1
解决办法
204
查看次数

FullCalendar - 如何在初始化时删除今日按钮?

在FullCalendar的默认初始化中,您将获得如下日历:

在此输入图像描述

无论如何today通过传递一个键来摆脱按钮$('#calendar').fullCalendar({})

fullcalendar

2
推荐指数
1
解决办法
3487
查看次数

AngularJS - 从附加请求拦截器中排除特定的 AJAX 请求?

我在我的 Angular 应用程序中定义了一个请求拦截器,如下所示:

precinct.factory('httpRequestInterceptor', function($rootScope){
    return {
        request: function(config){
            if($rootScope.myToken){
                config.headers['custom-token'] = $rootScope.myToken;
            }
            return config;
        }
    }
});
precinct.config(function($httpProvider){
    $httpProvider.interceptors.push('httpRequestInterceptor');
});
Run Code Online (Sandbox Code Playgroud)

以上将一个 API 令牌附加到我所有的 AJAX 请求,并允许我在我的 Angular 应用程序和我的后端端点之间进行身份验证。

每隔一段时间,我就会向不支持custom-token标头的 3rd 方 API 端点发送一个 AJAX 请求。

如何从拦截器附加的标头中排除该特定请求?

angularjs

2
推荐指数
1
解决办法
719
查看次数

无法使用CSS更改字体颜色?

我有以下HTML

<div class = "left">
<div id = "links">
<a href = "none" style = "text-decoration: none"><b>About</b></a>
<br>
<a href = "none" style = "text-decoration: none"><b>Principals</b></a>
<br>
<a href = "none" style = "text-decoration: none"><b>Contact</b></a>    
<br>    
</div>
</div>?
Run Code Online (Sandbox Code Playgroud)

和CSS

.left {
       position: fixed;
       top: 0px;
       left: 0px;
       width: 30%;
       height: 100%;
       background-color: #8EE5EE;
       color: #000000;
      }
#links {
        position: relative;
        top: 40%;
        text-align: right;
        font-family: "Verdana", "Arial Black", sans-serif;
        font-size: 25px;
        color: #000000;
       }?
Run Code Online (Sandbox Code Playgroud)

我链接的颜色应该是黑色,但它们显示为深蓝色.这段代码出了什么问题?

JSFiddle在这里

谢谢!

html css

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

Firebase-将数据编制索引深两个层次

我有一个Firebase数据结构,如下所示:

-messages
    -myFirstUsername
        -5-2-16 04:02:23 AM
            -message: 'messageOne',
            -direction: 'outgoing'
        -5-3-16 04:07:23 AM
            -message: 'messageTwo',
            -direction: 'outgoing'
    -mySecondUsername
        -5-4-16 04:02:23 AM
            -message: 'messageOne',
            -direction: 'outgoing'
        -5-5-16 04:02:23 AM
            -message: 'messageTwo',
            -direction: 'incoming'
Run Code Online (Sandbox Code Playgroud)

我想使用messagedirection嵌套子键索引所有数据。由于messages对象下的用户名键是动态的,因此我需要在messages对象本身上设置索引。

以下规则是否将索引设置为两个层次?

{
  "rules": {
    "messages": {
      ".indexOn": ["message", "direction"]
    }
  }
}
Run Code Online (Sandbox Code Playgroud)

firebase firebase-realtime-database

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