我有我的网站上我已经缩小使用此找到答案的内容的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)
谢谢!
我有一个导航栏,在加载时从页面顶部开始大约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)
当我向下滚动页面时,导航栏不再保持原位并从视图中消失.
当我向下滚动时,如何让导航栏粘贴到页面顶部?
我知道可以通过这种方法调试移动Safari .它要求您在计算机上安装Safari.Mobile Safari在您的桌面Safari上进行模拟,为您提供标准的Web开发功能.
Safari几年前在Windows上停止使用.这可能在非Mac机器上吗?
有没有办法检查用户上传的视频文件的长度?
试过 duration,但这似乎只适用于已在DOM中引用的托管视频.
我有一个返回标准解决方案或拒绝承诺的服务.在我的控制器中,我目前有类似的东西:
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块.我在上面显示的变量赋值必须在服务器响应后发生.
我在我的 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 请求。
如何从拦截器附加的标头中排除该特定请求?
我有以下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)
我链接的颜色应该是黑色,但它们显示为深蓝色.这段代码出了什么问题?
谢谢!
我有一个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)
我想使用message和direction嵌套子键索引所有数据。由于messages对象下的用户名键是动态的,因此我需要在messages对象本身上设置索引。
以下规则是否将索引设置为两个层次?
{
"rules": {
"messages": {
".indexOn": ["message", "direction"]
}
}
}
Run Code Online (Sandbox Code Playgroud) angularjs ×2
css ×2
html ×2
firebase ×1
fullcalendar ×1
html5 ×1
iframe ×1
javascript ×1
phpstorm ×1
safari ×1