如标题中所述,是否可以vw仅在css中计算没有滚动条的情况?
例如,我的屏幕宽度为1920px.vw回来1920px,太好了.但我的实际身体宽度只是像1903px.
有没有办法让我1903px只用css 检索值(不仅是直接的孩子body),还是我绝对需要JavaScript呢?
是否可以将svg文件中的代码直接包含在twig模板文件中?
就像是:
{% include 'my.svg' %}
Run Code Online (Sandbox Code Playgroud)
这将导致:
<svg viewbox=".... />
Run Code Online (Sandbox Code Playgroud) 这是我的Gulp任务:
//Image Optimization
gulp.task( 'imagemin', function () {
return gulp.src( imageDir + '**/*.{png,jpg,JPG,svg}' )
.pipe( imagemin( {
progressive: true,
use: [
pngquant({quality: 20 - 30}),
jpeg({max: 50})
],
optimizationLevel: 7
} ) )
.pipe( gulp.dest( imageDir ) );
} )
Run Code Online (Sandbox Code Playgroud)
我正在使用gulp imagemin和"imagemin-pngquant",以及"imagemin-jpegoptim"
在我的来源中,我有两个图像,一个jpg和一个png.jpg变得压缩,但不是png.
没有错误,没有完成.
我的问题是我的点击回调函数只能工作一次,它可能与第一次回调后我的页面部分将用ajax动作刷新的事实有关.但是,如何将事件重新附加到新加载的DOM-Elements?
这是我的功能:
// DELETE ENTRY
$('.delete').on('click', function(){
//// ADDING DATA-INDEX TO ENTRIES ////
$('.id').each(function(index){
var id = $(this).html();
var dataIndex = $(this).attr("data-index", id);
});
alert('clicked');
var action = '_includes/deleteEntry.php';
var method = 'post';
var entryId = $(this).siblings('.id').attr('data-index');
var entryIdNumber = entryId.substr(entryId.length - 2);
var data = {'id' : entryIdNumber};
$.ajax({
url: action,
type: method,
data: data
}).done(function(data){
$('.main').empty();
$('.main').append(data);
return;
});
});
Run Code Online (Sandbox Code Playgroud)