小编Dor*_*lla的帖子

溢出 - X:隐藏; 在移动设备上无法正常工作

我希望你们能帮助我,因为我似乎无法将这个包裹起来.我建立了一个单页网站,工作正常,除了一件事,这是溢出-x:隐藏在平板电脑视口(也可能是智能手机,还没有测试过)

尽管机身body {overflow-x:hidden;}在PC上的普通浏览器中工作正常,但我可以移动到大约25个像素左右,导致我旋转的div溢出,它伸出屏幕,我想隐藏.

有没有办法来解决这个问题?我提供了部分头部和html/css

视口元标记.

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
Run Code Online (Sandbox Code Playgroud)

CSS应用于媒体查询以及它们各自溢出的元素

@media only screen and (max-width: 992px){
    #skills, #experience    {overflow-x:hidden;}
}
@media (max-width: 479px){
    body                    {overflow-x:hidden;}
}
Run Code Online (Sandbox Code Playgroud)

并且常规CSS应用于html/body标签

body, html  {height: 100%;width: 100%;font-family: 'Source Sans Pro',Helvetica,Arial,sans-serif;color: #757575; overflow-x:hidden;}
Run Code Online (Sandbox Code Playgroud)

id #skills#experience有一个被调用的类.hoek 被定义为跟随并导致溢出.

    .hoek    {margin: 0 -50px; 
              -webkit-transform-origin:left center; 
              -moz-transform-origin:left center; 
              -o-transform-origin:left center; 
              -ms-transform-origin:left center;
              margin-top: -175px;                       
              -webkit-transform:rotate(5deg); 
              -moz-transform:rotate(5deg); 
              -o-transform:rotate(5deg); 
              -ms-transform:rotate(5deg);
              z-index: 20;
    }
Run Code Online (Sandbox Code Playgroud)

我必须指出,我认为,在#skills#experiencesections和没有的div.我不确定这可能是代码中的问题,但我不这么认为.如果有更多信息需要,请告诉我,但我想我已经覆盖了这里的基础.

我不知道从哪里开始小提琴,所以我只提供网站的测试链接:http://www.jellyfishwebdesign.nl/Joost/index.php

html css3 responsive-design

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

Bootstrap 工具提示 css 不起作用

我试图让工具提示工作,顺便说一句,但由于未知原因,没有将 CSS 应用于工具提示。由于整个站点在 bootstrap 本身(Wordpress 插件)中运行良好,因此我在这个项目上摸不着头脑。

代码如下。

<a href="tel:<?php echo $phone;  ?>" data-toggle="tooltip" title="<?php echo $phone; ?>"  data-placement="bottom">
    <span class="fa-stack fa-lg">
        <i class="fa fa-circle fa-stack-2x fa-inverse"></i>
        <i class="fa fa-phone fa-stack-1x"></i>
    </span> 
</a>
Run Code Online (Sandbox Code Playgroud)

还有JS。

$(document).ready(function(){
    $('[data-toggle="tooltip"]').tooltip(); 
});
Run Code Online (Sandbox Code Playgroud)

工具提示在我的屏幕左侧显示为无样式(虽然它应该在项目下方)无样式。我的引导程序插件是最新的并且运行 css 版本 (v3.3.6),所以我想知道是否需要为引导程序工具提示获取外部表。

它没有说:http : //www.w3schools.com/bootstrap/bootstrap_tooltip.asp

css tooltip twitter-bootstrap

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

循环遍历绑定参数中的数组 - 准备好的语句

我正在编写一个函数,可以在其中执行一些数据库操作,在本例中是基于简单数组的插入数据

"insert" => array (
    "1" => array (
        "tnt_role" => array (
            "rolename" => array (
                "value" => "administrator",
                "notation" => "string"
            )
        )
    ),  
    "2" => array (
        "tnt_role" => array (
            "rolename" => array (
                "value" => "user",
                "notation" => "string"
            )
        )
    ),
    "3" => array (  
        "tnt_users" => array (
            "username" => array (
                "value" => "administrator",
                "notation" => "string"
            ),
            "userpassword" => array (
                "value" => md5('admin', FALSE),
                "notation" => "string"
            ),
            "email" => …
Run Code Online (Sandbox Code Playgroud)

php mysqli prepared-statement

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