小编Nik*_*her的帖子

媒体查询未对浏览器调整大小生效

我正在使用媒体查询为客户制作网站的移动版本.当我调整浏览器大小时,媒体查询不会生效,但是当在每台设备上查看网站时它们会生效 - 我只是好奇为什么当我调整浏览器窗口本身时媒体查询不会生效即Firefox.

任何输入都非常感谢.

我正在使用的代码:

    @media only screen 
    and (min-device-width : 320px) 
    and (max-device-width : 720px) {
    #container {
        width: 100% !important;
        }
    }
Run Code Online (Sandbox Code Playgroud)

css css3 media-queries

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

Twitter Bootstrap - 仅限移动版?

我正在为需要移动版本的客户创建一个网站.他们现在已经有了一个他们想要保留的网站,但只是想要一个完全不同的移动版本 - 所以,我想知道Twitter Bootstrap是否可以被砍掉,以便它只使用框架的移动方面?

抱歉,如果我的问题没有意义,如果没有,请随意提出更多问题,我会尽力更好地解释自己.

总而言之,我只是想使用Twitter Bootstrap设计一个移动版本的站点,但只需要一个移动版本 - 不需要桌面版本,因为客户端域上已存在一个版本.

html twitter-bootstrap

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

使用Javascript重新启动CSS3动画

我在创建CSS3/HTML5横幅广告,并希望循环动画一旦他们全部完成.我知道有一种方法可以检查Javascript以检查特定动画是否已经结束,但是我无法弄清楚如何从所有起点重新启动动画.

基本上我有3个'帧'具有不同的信息,每个都会淡入然后淡出,被替换为下一帧 - 一旦最后一帧消失了,我希望动画重新开始.单独使用CSS3这样做太麻烦了,因为动画的时间和不透明度设置为0的点必须对每个动画都不同.

正如您从JSFiddle中看到的那样,它会播放一次,然后停止播放,这很棒,现在我只需要在click_through2完成动画后重新触发动画.

的jsfiddle

	.test {
	    height: 250px;
	    position: relative;
	    width: 300px;
	    overflow: hidden;
	}
	.test div, .test a, .logo, .sfv2 {
		position: absolute;
	}
	.title {
	    bottom: 45px;
	    left: 5px;
	    right: 5px;
	}
	.title h2 {
	    color: #fff;
	    font-family: Helvetica,arial,sans-serif;
	    font-size: 21px;
	    font-weight: 400;
	    line-height: 1;
	    margin: 0;
	    text-align: center;
	}
	.click_through {
	    background-color: #fff200;
	    border-radius: 5px;
	    bottom: 12px;
	    box-shadow: 0 0 15px rgba(0, 0, 0, 0.35);
	    color: #ce1e25;
	    font-family: Helvetica,arial,sans-serif;
	    font-size: 14px; …
Run Code Online (Sandbox Code Playgroud)

javascript css animation css3 css-transitions

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

从Wordpress取消注册自定义帖子类型

我试图删除在WordPress的通过不同的主题设置,现在所有这些职位被分配到一个自定义后类型post_typeportfolio.经过大量的搜索,我找到了下面的代码,但它似乎没有用.我尝试将它添加到新主题和旧主题中functions.php.

我想删除post_type并将帖子分类并显示为普通帖子.我认为我正在做的是正确的,但似乎无法让它工作 - 我已经发布了自定义帖子类型的代码和取消注册分配给它的帖子的代码.

用于注销帖子类型的代码

if ( ! function_exists( 'unregister_post_type' ) ) :
function unregister_post_type() {
global $wp_post_types;
if ( isset( $wp_post_types[ 'portfolio' ] ) ) {
    unset( $wp_post_types[ 'portfolio' ] );
    return true;
}
return false;
}
endif;

add_action('init', 'unregister_post_type');
Run Code Online (Sandbox Code Playgroud)

注册帖子类型的代码

register_post_type( 'portfolio',
    array(
        'labels' => array(
             'name' => __('Portfolio Items'),
             'singular_name' => __('Portfolio Item'),
             'add_new_item' => __('Add New Portfolio Item'),
             'edit_item' => __('Edit Portfolio Item'),
             'new_item' => __('New Portfolio Item'),
             'view_item' => …
Run Code Online (Sandbox Code Playgroud)

php wordpress custom-post-type

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

CSS - 目标div的最后一个实例

我有一个如下所示的div结构,我想只针对页面上的最后一个.pcontain,所以我可以删除边框 - 右边 - 我该怎么办呢?

<div class="container">
    <div class="postcontainer">
        <div class="latest-posts">
            <div class="thumbnail"></div>
            <div class="pcontain"></div>
            <div class="more"></div>
        </div>
    </div>
    <div class="postcontainer">
        <div class="latest-posts">
            <div class="thumbnail"></div>
            <div class="pcontain"></div>
            <div class="more"></div>
        </div>
    </div>
    <div class="postcontainer">
        <div class="latest-posts">
            <div class="thumbnail"></div>
            <div class="pcontain"></div>
            <div class="more"></div>
        </div>
    </div>
    <div class="postcontainer">
        <div class="latest-posts">
            <div class="thumbnail"></div>
            <div class="pcontain"></div>
            <div class="more"></div>
        </div>
    </div>
</div>
Run Code Online (Sandbox Code Playgroud)

html css css-selectors css3

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