小编Sna*_*noj的帖子

HTML5视频适合宽度或高度

width=100% height="auto"秤我的影片,以适应浏览器窗口的整个宽度,但如果窗口的高度比纵横比的视频被高度裁剪低.

我希望视频缩放以适合宽度或高度,使得我总能看到整个视频,而无需作物,填充最接近比(添加空的空间侧面如果窗口比较低).

但是,我无法弄清楚如何做到这一点.
首先,任何高度值,%或px,似乎都被忽略,我无法使用高度,只有宽度来设置大小.最小宽度/高度相同.

如何才能做到这一点?

我的代码:

<video id="video" width=100% height="auto" onclick=playPause()></video>
Run Code Online (Sandbox Code Playgroud)

视频由javascript加载,其中v是来自数组的视频链接:

video.addEventListener('play', function() { v.play();}, false);
Run Code Online (Sandbox Code Playgroud)

html javascript video html5

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

mPDF以PDF格式打印中心

我试图集中在详细目录描述的位置.

我希望页面仅从A1-G1中心,然后我合并并集中详细产品目录.问题在于,当我输出到PDF时,它仍然在页面左侧,并且右侧有大量的空白区域.

<?php
            include_once 'processor/dbconfig.php';
            include_once 'Classes/PHPExcel.php';

            /**
             * PHPExcel
             *
             * Copyright (C) 2006 - 2014 PHPExcel
             *
             * This library is free software; you can redistribute it and/or
             * modify it under the terms of the GNU Lesser General Public
             * License as published by the Free Software Foundation; either
             * version 2.1 of the License, or (at your option) any later version.
             *
             * This library is distributed in the hope that it will be useful,
             * …
Run Code Online (Sandbox Code Playgroud)

php mpdf

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

仅使用CSS创建三角形

我正在开发一个响应式Web应用程序,需要创建两个单独的内容区域,如下所示, 参考图像

到目前为止,我试过,

border-right: 30px solid transparent;
border-bottom: 30px solid #4c4c4c; 
height: 100%;
width: 100%;
position: fixed;
Run Code Online (Sandbox Code Playgroud)

但是,遗憾的是无法创建一个三角形.

有没有其他方法可以使用CSS创建一个三角形,除了使用border属性之外还可以将内容完全包装在div中?

任何帮助将不胜感激.

html css svg css3 css-shapes

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

切换子菜单,如果点击了孩子,请转到页面

我已经构建了一个简单的切换菜单,单击该菜单一次显示子元素列表,如果再次单击则隐藏这些可见元素.

如果点击了一个子元素,但我想让它访问该页面,我似乎无法让它工作?是否与我的防止默认?

//  Language select in global nav
$('.sub-lang').on('click', function(e) {

if ($(this).hasClass('active') && $(e.target).parent().hasClass('active')) {
    $(this).removeClass('active');
    $(this).css('height', 'auto');
    $(this).children('ul').hide();
} else {
    $(this).addClass('active');
    $(this).css('height', $(this).find('ul').height() + 65);
    $(this).children('ul').show();
}

e.preventDefault();
});
Run Code Online (Sandbox Code Playgroud)

这是JsFiddle

html javascript css jquery

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

标签 统计

html ×3

css ×2

javascript ×2

css-shapes ×1

css3 ×1

html5 ×1

jquery ×1

mpdf ×1

php ×1

svg ×1

video ×1