我希望你们能帮助我,因为我似乎无法将这个包裹起来.我建立了一个单页网站,工作正常,除了一件事,这是溢出-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和#experience有sections和没有的div.我不确定这可能是代码中的问题,但我不这么认为.如果有更多信息需要,请告诉我,但我想我已经覆盖了这里的基础.
我不知道从哪里开始小提琴,所以我只提供网站的测试链接:http://www.jellyfishwebdesign.nl/Joost/index.php
我试图让工具提示工作,顺便说一句,但由于未知原因,没有将 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
我正在编写一个函数,可以在其中执行一些数据库操作,在本例中是基于简单数组的插入数据
"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)