html - 停止 div 在较小尺寸的窗口中横向滚动。溢出 :hidden, 包装 div 和固定位置不起作用-6ren

html - 停止 div 在较小尺寸的窗口中横向滚动。溢出 :hidden, 包装 div 和固定位置不起作用

转载作者：太空宇宙更新时间：2023-11-04 08:08:00

我正在摆弄一个不是我创建的网站。最重要的是，我已经很长时间没有用 HTML/CSS 编写代码了。如果窗口小于主体的宽度，我会遇到一个侧面菜单 (div) 水平重叠在 div 上的问题。我只是想防止这种情况发生并继续垂直滚动。

问题是当鼠标悬停在页面 div 的“菜单”/一侧时，有相当多的 div 和一些花哨的东西。当浏览器窗口小于内容时，是否有一种干净、简单的方法可以让像我这样的新手阻止水平滚动？我试过包装整个正文内容并将所有相关的 div 设置为 position:fixed，但它没有用。我可以实现任何简单的技巧来解决这个问题吗？

编辑 2:我想保留滚动条，我只是不想让 div 在我滚动时移动。

编辑:发布了整个代码，其中大部分对问题没有用，但由于我不知道什么可能有用，所以我全部发布了。问题是如果屏幕尺寸缩小，“面板”会在“条目”上方滑动。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head><title>{Title}</title>
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">
{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}

<meta name="color:Background" content="#ffffff"/>
<meta name="color:text" content="#838282"/>
<meta name="color:link" content="#b8b8b8"/>
<meta name="color:link hover" content="#b8b8b8"/>
<meta name="color:title" content="#b8b8b8"/>
<meta name="color:sidelinks" content="#b8b8b8"/>
<meta name="color:sidelinks hover" content="#8b8b8"/>
<meta name="color:panel" content="#b8b8b8"/>

<meta name="image:background" content=""/>
<meta name="image:sidebar image" content=""/>
<meta name="image:sidebar background" content=""/>
<meta name="image:panel" content=""/>

<meta name="text:Custom Link One" content="" />
<meta name="text:Custom Link One Title" content="" />
<meta name="text:Custom Link Two" content="" />
<meta name="text:Custom Link Two Title" content="" />
<meta name="text:Custom Link Three" content="" />
<meta name="text:Custom Link Three Title" content="" />


<meta name="color:scroll" content= />

<meta name="color:scrollbg" content= />

<meta name="if:Webkit Scrollbar" content="1" />

<style type="text/css">


a {color:;text-decoration:none;-webkit-transition: all 0.7s ease-out;-moz-transition: all 0.7s ease-out;transition: all 0.7s ease-out;}

.fufu {width:227px;-webkit-transition: all 0.7s ease-out;-moz-transition: all 0.7s ease-out;transition: all 0.7s ease-out;}

.fufu:hover {-webkit-transform: translate(1em,0);-moz-transform: translate(1em,0);-o-transform: translate(1em,0);}


html{
    display:table;
    margin:auto;
}

body {
    background: {color:Background} url("{image:Background}") no-repeat;
    margin:auto;
    color:{color:text};
    font-family: 'News Cycle', sans-serif;
    font-size:11px;
    line-height:100%;
    letter-spacing:1px;
    vertical-align:middle;
}

a {
    text-decoration:none;
    outline:none;
    -moz-outline-style:none;
    color:{color:link};
}


a{
    text-decoration:none;
    color:{color:link};
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    }

a:hover {
    color:{color:link hover};
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    }

img {
    border:none;
}

blockquote {
    padding-left:5px;
    border-left:2px solid;
}
    
blockquote blockquote {
    padding-left:5px;
    border-left:2px solid;
}

h1 {
    font-size:15px;
}


#top_div{
    display: block;
    background-color: #d8d8d8;
    margin-left:auto;
    margin-right: auto;
    margin-bottom:0px;
    z-index:11;
    background-image: url("blah");
}
#top_menu{
    display: block;
    background-color: #d8d8d8;
    margin-left:auto;
    margin-right: auto;
    margin-bottom:0px;
    margin-top:300px;
    float:left;
    z-index:10;
    background-image: url("");
}

#entries {
    padding:0px;
    width:530px;
    margin-left:470px;
    margin-top:20px;
    overflow:hidden;
    font-weight:normal;
    z-index=1;
  
}

    
#post {
    width:500px;
    padding-top:0px;
    padding-left:0px;
    padding-right:0px;
    padding-bottom:15px;
    margin-bottom:0px;
    margin-left:0px;
    border-top: solid 11px #7e0925; 
    overflow:hidden;
    
   
}


#title {
    opacity:0;
    width:220px;
    position:fixed;
    margin-top:90px;
    margin-left:-100px;
    font-size:15px;
    font-family: 'Vivaldi';
    font-weight: bold;
    text-align:center;
    padding-bottom:0px;
    color:{color:title};
    line-height:100%;
    z-index:20;
    transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;  
    -webkit-transition-duration: 0.6s;
    -o-transition-duration: 0.6s;
}


#panel:hover #title{
    text-shadow: 1px 1px 1px #9a9a9a;
    opacity:1;
    width:270px;
    position:fixed;
    margin-top:-30px;
    margin-left:-120px;
    font-size:25px;
    font-family: 'Vivaldi';
    font-weight: bold;
    text-align:center;
    padding-bottom:0px;
    color:{color:title};
    z-index:0;
    transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;  
    -webkit-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
}
  

#sidebar {
    width:216px;
    height:250px;
    position:fixed;
    margin-left:5px;
    margin-top:50px;
    text-align:center;
    font-size:11px;
    line-height:110%;
    font-family: 'Voltaire', sans-serif;
    z-index:1;
}

#panel{
    float:left;
    position:fixed;
    display:block;
    margin-top:25px;
    margin-left:0px;
    margin-right:0px;
    padding-left:0px;
    width:222px;
    height:762px;
    background:{color:panel} url("{image:panel}") no-repeat;
    z-index:1;
    transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;  
    -webkit-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
}

#panel:hover{
    position:fixed;
    margin-top:12px;
    margin-left:0px;
    padding-left:0px;
    width:222px;
    height:762px;
    z-index:10;
    background: {color:panel}:
    transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;  
    -webkit-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
}

#panel:hover #sidebarimage{
    position:fixed;
    width: 200px;
    margin-left:5px;
    margin-top:0px;
    opacity:0;
    padding:0px;
    z-index:3;
    border: solid 1px #fff; 
    outline: solid 2px #D8D8D8; 
    transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;  
    -webkit-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
}

#panelbackground{
    opacity:0;
    position:fixed;
    margin-top:0px;
    margin-left:-178px;
    width:222px;
    height:762px;
    background:url("{image:panel}") no-repeat;
    transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;  
    -webkit-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-delay: .1s;
    -moz-transition-delay: .1s; 
    -webkit-transition-delay: .1s; 
    -o-transition-delay: .1s; 
}

#panel:hover #panelbackground{
    opacity:1;
    position:fixed;
    margin-top:0px;
    margin-left:-178px;
    width:222px;
    height:762px;
    background:url("{image:panel}") no-repeat;
    transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;  
    -webkit-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
}

#sidebarimage {
    width: 200px;
    height:200px;
    margin-left:5px;
    margin-top:-38px;
    padding-bottom:0px;
    opacity:1;
    z-index:3;
    border: solid 1px #fff; 
    outline: solid 0px #D8D8D8; 
   transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;  
    -webkit-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
}

#sidebarimage img {
    width:200px; 
     transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;  
    -webkit-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
}

.top{
    position:fixed;
    opacity:1;
    margin-top:270px;
    margin-left:190px;
    width:50px;
    height:50px;
    border-radius:10px;
    position:absolute;
    z-index: -5; 
    transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;  
    -webkit-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
}

#navigation{
    position:fixed;
    font-family: 'News Cycle', sans-serif;
    font-size:8px;
    margin-left:-70px;
    text-align:center;
    padding:2px;
    margin-top:-55px;
    width:40px;
    border:none;
}

#navigation:hover{
    position:fixed;
    margin-left: -70px;
}

div.button{
    width: 85px;
}


div.button a{
    margin-top:0px;
    text-align: center;
    padding-top:8px;
    padding-bottom:0px;
    padding-left:0px;
    padding-right:0px;
    color: #fff;
    position:relative;
    background:none;
    z-index:2;
    width: 85px;
    height:25px;
    border-style:none;
    border-right:solid 10px;
    border-right-color: rgba(110,110,110,0.4);
    border-bottom:solid 1px {color:background};
    border-bottom-color:;
    display: inline-block;
    text-transform:uppercase;
    transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;  
    -webkit-transition-duration: 0.6s;
    -o-transition-duration: 0.6s;
}

div.button a:hover{
    text-align: center;
    padding-top:8px;
    padding-bottom:3px;
    padding-left:10px;
    padding-right:10px;
    color: {color:sidelinks hover};
    position:relative;
    background: rgba(0, 0, 0, .8);
    z-index:2;
    width: 60px;
    height:25px;
    border-style:none;
    border-right:solid 12px {color:background};
    border-bottom:solid 1px {color:background};
    display: inline-block;
    text-transform:uppercase;
    transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;  
    -webkit-transition-duration: 0.6s;
    -o-transition-duration: 0.6s;
}
    
#description {
    box-shadow: 1px 1px 1px #2a2a2a;
    opacity:0;
    font-family: 'News Cycle', sans-serif;
    width:165px;
    padding:5px;
    background:{color:background};
    color: #D8D8D8;
    background: rgba(0, 0, 0, .4);
    text-align:center;
    position:fixed;
    margin-top:217px;
    margin-left:-65px;
    line-height:120%;
    font-size:8px;
    letter-spacing:1px;
    text-transform:uppercase;
    line-height: 15px;
    transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;  
    -webkit-transition-duration: 0.6s;
    -o-transition-duration: 0.6s;
    
}
#panel:hover #description {
    opacity:1;
    transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;  
    -webkit-transition-duration: 0.6s;
    -o-transition-duration: 0.6s
    transition-delay: .2s;
    -moz-transition-delay: .2s; 
    -webkit-transition-delay: .2s; 
    -o-transition-delay: .2s; 
}

#pagination {
    margin-top:0px;
    margin-left:0px;
    font-family:Calibri;
    font-size:10px;
    text-align:center;
    background:none;
    color:{color:link};
    text-transform:uppercase;
    font-style:oblique;
}


#quote{
    padding-top:5px;
    font-family:georgia;
    position:absolute;
    font-size:38px;
    margin-left:-3px;
}

.info{
    padding:2px;
    margin-left:515px;
    margin-top:-10px;
    position:absolute;
    font-size:9px;
    width:80px;
    text-align:left;
    opacity:0;
    background: none;
    transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;  
    -webkit-transition-duration: 0.6s;
    -o-transition-duration: 0.6s;
    word-wrap:break-word;
}

#post:hover .info {
    padding:2px;
    position:absolute;
    font-size:9px;
    width:80px;
    margin-left:512px;
    margin-top:-5px;
    text-align:left;
    opacity:1;
    transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;  
    -webkit-transition-duration: 0.6s;
    -o-transition-duration: 0.6s;
    z-index:3;
    word-wrap:break-word;
}

#post img{
    display: block;
    margin: auto;
}

#post p{
    padding-left:5px;
    padding-right:5px;
    line-height: 18px;
    font-size: 11.5px;
}

ol.notes {
    padding: 0px;
    margin: 25px 0px;
    list-style-type: none;
    border-bottom: solid 1px #ccc;
}

ol.notes li.note {
    border-top: solid 1px #ccc;
    padding: 10px;
}

ol.notes li.note img.avatar {
    vertical-align: -4px;
    margin-right: 10px;
    width: 16px;
    height: 16px;
}

ol.notes li.note span.action {
    font-weight: bold;
}

ol.notes li.note .answer_content {
    font-weight: normal;
}

ol.notes li.note blockquote {
    border-color: #eee;
    padding: 4px 10px;
    margin: 10px 0px 0px 25px;
}

ol.notes li.note blockquote a {
    text-decoration: none;
}

#asker {
    float:left;
    margin-right:5px;
  
}

.bubble {align:right;background: #eee; margin:7px 0px 5px 66px;padding:10px;position: relative;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.bubble p {margin:1px 0px;}
.bubble span {display:block;position:absolute;width:1px;height:1px;font-size: 0;line-height: 1px;left:-10px;top:10px;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:10px solid #eee;}

.askborder {float: left;margin: 1px 4px 0 0;padding: 2px; background: #eee}

#audioplayer { 
width:30px;
height:30px;
overflow:hidden;
position:absolute;
margin-top:37px;
margin-bottom:45px;
margin-left:34px;
z-index:2;
opacity:0.5;
transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;  
    -webkit-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
}

#audioplayer:hover { 
    width:30px;
    height:30px;
    overflow:hidden;
    position:absolute;
    margin-top:37px;
    margin-bottom:45px;
    margin-left:34px;
    z-index:2;
    opacity:1;
    transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;  
    -webkit-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
}

#albumart2 {
    width:100px;
    height:100px;
    float:left;
    padding-right:5px;
    position:relative;}
 
#albumart2 img {
    width:100px;
    height:100px;
    float:left;
    
}
#albumart {
    width:100px;
    height:100px;
    float:left;
    margin-left:-105px;
    padding-right:5px;
    position:relative;}
 
#albumart img {
    width:100px;
    height:100px;
    float:left;
    
}

.chat{
    background: #ffffff;
    margin: 0; 
    font-size:11px;
    font-family: 'News Cycle', sans-serif;
}

.chat.chat1 {
    margin-left: 0px;
}
.chat .chat1 .chat2 {
    background: # ffffff;
    color:{color:text};
    margin-bottom: 1px; 
    padding: 4px 4px 5px 5px;
    border-style:none;
}

.chat2 {
    background:#D8D8D8;
    color:{color:text};
    margin-bottom: 1px; 
    padding: 4px 4px 5px 5px;
    border-style:none;
}
.chat .chat1 .chat2.even {
    background: #ffffff; 
    color: {color:text};
} 
.chat .chat1 .chat2 span {font-weight: bold;}

#credit {
    margin-top:0px;
    position:fixed;
    width:80px;
    right:0px;
    bottom:3px;
    left:40px
    line-height:5px;
    letter-spacing:0px;
    font:10px trebuchet ms;
    color: {color:text};
    text-transform:uppercase;
    transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;  
    -webkit-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
}

#credit:hover{
    margin-top:0px;
    position:fixed;
    width:80px;
    right:0px;
    bottom:9px;
    line-height:5px;
    letter-spacing:0px;
    font:10px trebuchet ms;
    color: {color:text};
    text-transform:uppercase;
    transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;  
    -webkit-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
}

#menuTop{
    margin-top: 0px;
    margin-left: 225px;
    display:block;
    float:left;
    
    
}


#top_description{
    background-color: ;
    float: left;
    margin-top: 265px;
    margin-bottom: 10px;
    display:block;
}

#top_description li{
    background-color: ;
    text-shadow: 1px 1px 1px #000;
    display:block;
}

#top_text{
    margin-left: 240px;
    margin-bottom:25px;
    float:left;
    display:block;
    font-size: 13px;
    line-height: 20pt;
    text-align: center;
}


{block:ifWebkitScrollbar}

::-webkit-scrollbar {width: 3px; height:5px; background:{color:scrollbg};}

::-webkit-scrollbar-corner {background:{color:scroll};}

::-webkit-scrollbar-thumb:vertical {background:{color:scroll}; }

::-webkit-scrollbar-thumb:horizontal {background:{color:scroll};}

{/block:ifWebkitScrollbar}



{CustomCSS}</style></head><body>


<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>



<link href='http://fonts.googleapis.com/css?family=Petit+Formal+Script' rel='stylesheet' type='text/css'>


<link href='http://fonts.googleapis.com/css?family=News+Cycle' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Seaweed+Script' rel='stylesheet' type='text/css'>

<a href=""></a><div id="top_div" style="width: 1200px; height: 300px"></a>
    
    

<div id="top_description" style="width: 1200px; height: 35px">
    <div id="menuTop" style="width: 770px; height: 35px">
        <style>
ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    height: 35px;
    
}

li {
    float: left;
    height: 35px;
    
    
}

li a {
    display: inline-block;
    color: white;
    text-align: center;
    padding: 12px 14px;
    text-decoration: ;
    font-size: 15px;
    font-family: "Palatino Linotype", palatino, serif;
}

li a:hover {
    background-color:rgba(126,9,37,0.35);
    height: 10px;
    color: #fff;
    
}

li a:after {
    display:block;
    content:'';
    width:100%;
    height:4px;
    background:#7e0925;
    margin-top:7px;
  }
</style>

<ul>
  <li><a href="blah">Who?</a></li>
  <li><a href="blah">Ask</a></li>
  <li><a href="blah">Submit</a></li>
  <li><a href="blah">Original Posts</a></li>
  <li><a href="blah">Disclaimer</a></li>
</ul>
           
    </div>
    
    
</div>


<div id="top_text" style="width: 735px; height: 195px">
    <p>
</>




<div id="panel">
<div id="panelbackground"><img width="400px"<img src="{image:sidebar background}"></div>
<div id="sidebar">


<div class="top"><div id="navigation"><div class="button" style="background-color: rgba(0,0,0,0.3);">
<a href="blah">who am i?</a>
<a href="blah">ask me</a>
<a href="blah">submit</a>
<a href="blah">my posts</a>
<a href="blah">disclaimer</a>

{block:IfCustomLinkOneTitle}<a href="{text:Custom Link One}">{text:Custom Link One Title}</a>{/block:ifCustomLinkOneTitle}

{block:ifCustomLinkTwoTitle}<a href="{text:Custom Link Two}">{text:Custom Link Two Title}</a>{/block:ifCustomLinkTwoTitle}

{block:ifCustomLinkThreeTitle}<a href="{text:Custom Link Three}">{text:Custom Link Three Title}</a>{/block:ifCustomLinkThreeTitle}<div id="pagination">
{block:Pagination}
            {block:NextPage}
                <a href="{NextPage}">Next</a>
            {/block:NextPage}
            {block:PreviousPage}
                <a href="{PreviousPage}">Prev</a>
            {/block:PreviousPage}
        {/block:Pagination}
</div>
</div></div></div>



<div id="title">{Title}</div><link href='http://fonts.googleapis.com/css?family=Anaheim' rel='stylesheet' type='text/css'>



<div id="sidebarimage"><img width="200px"height="200px""<img src="{image:sidebar image}"></div>


<div id="description">{description}</div>





</div>
</div>
</div>



<div id="credit"><a target="blank"href="http://accioloki.tumblr.com"><font color="{color:text}">© accioloki </a></font></div>

<div id="entries">{block:Posts}

<div id="post">



<div class="info">posted {TimeAgo} {block:RebloggedFrom} | <a href="{ReblogParentURL}" title="via"> via </a> | {block:ContentSource}<a href="{SourceURL}" title="©"> © </a>{/block:ContentSource}{/block:RebloggedFrom} | <a href="{Permalink}">
{NoteCount}</a>{block:HasTags}{block:Tags} #<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}</div>


{block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text} 

{block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo} 

{block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}

{block:Quote}<div id="quote">“</div>&nbsp;&nbsp;&nbsp;&nbsp;{Quote}<br>
{block:Source}<div align="right">— {Source}</div>{/block:Source}
    {/block:Quote} 

{block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link} 

<div class="chat">
<div class="chat1">
{Block:Lines}
<div class="chat2 {Alt}">
{Block:Label}
<span>{Label}</span>
{/block:Label} 
{Line}</div>
{/block:Lines}
    
</div>
</div>



{block:Audio}
<div id= "audioplayer">{AudioPlayerGrey}</div>
<div id="albumart2"><img src="http://static.tumblr.com/4wyqgof/Dyvm2qmp1/default.jpg"></div>{block:AlbumArt}<div id="albumart"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
<br>{block:Artist}
{Artist}
{/block:Artist}
{block:TrackName}
{TrackName}
{/block:TrackName}
{block:Album}
{Album}
{/block:Album}
{block:Caption}{Caption}{/block:Caption}{/block:Audio} 

{block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video} 

{block:Answer}<img src="{AskerPortraitURL-48}" align="left" class="askborder"><div class="bubble"><span></span>{Asker}: {Question}&nbsp;</div>{Answer}{/block:Answer}


</div>




{block:PostNotes}{PostNotes}{/block:PostNotes}
{/block:Posts}</div>

</body></html>

最佳答案

查找“溢出:隐藏；”在谷歌上。删除滚动条

关于html - 停止 div 在较小尺寸的窗口中横向滚动。溢出 :hidden, 包装 div 和固定位置不起作用，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/46494235/

文章推荐： Python OR 运算符和括号

文章推荐： java - 在 JBehave 中使用多个元过滤器进行过滤

文章推荐： c - 哈希算法的实现将字符串转换为数字

ios - 始终以横向录制视频甚至设备旋转(横向->纵向->横向)
即使我的设备旋转(纵向->横向->纵向)，我也需要始终以横向模式录制视频。取角度很简单，我用的是hyroscope。我的问题是总是横向录制视频。需要任何建议。我正在使用 AVCaptureSess
css - 适用于 iPad(横向)的媒体查询也适用于 Samsung Galaxy Tab 2(横向)
我正在 iPad(1,2) 以及 Samsung Tab 2 上测试我的网络应用程序。我有不同的 CSS(外部)集可应用于 iPad 上的横向/纵向模式和选项卡 2 上的横向/纵向模式。但我无法为
symfony - 如何使用KnpSnappyBundle设置方向=横向？
我正在将Snappy Bundle和Symfony 2.1一起使用。我有一些问题未在此捆绑包的文档中找到: 如何设置方向？有没有显示页码的方法？这是我的捆绑包的config.yml: knp_s
iphone - 横向 UIImagePickerController
我一直在寻找这个问题的答案，但找不到任何答案。显然，iPhone SDK 3.0 使得 UIImagePickerController 可以以横向模式显示成为可能 - 但我没有找到任何允许这样做的方法
ios - 横向/纵向的布局更改
我有 1 个 Storyboard，我在 Swift 3 中的 Xcode 8 上使用带有大小类的自动布局。我有这个当前的肖像 View : 目前，这是 1 个带有标签的垂直堆栈 View 。在横
jquery - 如何使导航菜单适合其容器？ [横向]
我正为这个而焦头烂额。基本上，我需要我的菜单根据菜单的内容水平放置一个容器。所以，我知道 table 和 table-cell 属性可以做到这一点。但是，当我将其与 Superfish Menu 结合
html - 横向 Accordion
我努力做到这一点: 但我无法正确获取第三列和翻转的标题。我现在是这样的: 最佳答案该解决方案适用于 IE9、Chrome、Firefox、Safari 和 Opera，不需要 JavaScrip
WPF 横向 DataGrid
我想要一个水平方向的 WPF DataGrid，有人知道解决方案吗？最佳答案我之前已经这样做了，因为我们希望能够对 DataGrid 和 PropertyGrid 使用相同的控件。很多事情都必须改
iphone - 智能手机的媒体查询(横向)
我正在开发一个适用于智能手机的网站版本，在处理智能手机横向方向的媒体查询时遇到了一个小问题。对于纵向，我正在使用以下媒体查询并且它工作得很好: @media only screen and (max-
ios - AVCaptureVideoPreviewLayer 横向
如何让“AVCaptureVideoPreviewLayer”在横向方向上正确显示？它在纵向模式下工作正常但不旋转，并且当父 View Controller 处于横向模式时显示旋转的相机捕获。最佳答
Android强制水平(横向)布局
这个问题在这里已经有了答案: Force "portrait" orientation mode (12 个回答) 关闭2年前。我的第一款 Android 游戏即将完成，但我遇到了一个非常简单的问题
hive 横向 View 爆炸
我的数据在其中一个字段中具有嵌套映射。例如，数据位于名为“customers”的表中，如下所示: 姓名:比尔·琼斯地址:{"billing":{"street":"123 Main", "city"
iPhone 横向 View 屏幕截图
我正在横向模式下运行应用程序。我需要注意什么才能使拍摄的屏幕截图也处于横向模式。我在 iPhone 应用程序中使用以下代码，底部有标签栏并拍摄屏幕截图，但它始终仅处于纵向模式。为什么？ UIWind
iphone - 单点触摸旋转纵向/横向 View
谁能举例说明如何将单点触控应用程序的 View 从纵向旋转为横向，反之亦然？最佳答案如果您在 Interface Builder 中设置 ui 元素的几何形状，请确保在 Size Inspecto
ios - MPMoviePlayerController 完成按钮，横向
我正在使用简单的 MPMoviePlayerController。在纵向模式下，它嵌入到我的布局中。当我旋转我的设备时，我希望它全屏显示。在全屏模式下，有一个完成按钮，但它唯一的作用就是暂停视频。当点
具有分层输出的 Javascript JSON 横向
我正在尝试读取 JSON 模式，但似乎无法弄清楚如何将所有先前对象等输出到层次结构中。这是JSON响应方案 { "Shopping": { "Orders": { "OrderInfo": {
android - 如何插入 SlidingDrawer 横向？
我想在我的布局中包含一个 SlidingDrawer，但我会将它放在布局的侧面。所以开口是从左到右，而不是从下往上。这怎么办？最佳答案 this link可能会帮助您创建水平滑动抽屉。如果您正在使用
iphone - 横向/纵向冲突 - iOS
就在我以为我已经解决了所有问题时..我遇到了这个问题。场景。我有一个简单的 tableView。并在导航项的 titleView 中带有搜索栏。 SearchBar 通过 View Control
ios - 丢失的手势 iPad 横向
我有一个带有 MGSplitView 的应用程序，其中包含表格 View 和 UIWebView，该应用程序固定为横向。 Web View 有一个附加到 Web View 的 UITapGesture
iOS 横向 View 在键盘显示时移动文本字段
我有一部 iPhone，我正在添加横向支持。之前只是肖像。当键盘显示时，我无法将文本字段移开。我使用的解决方案与记录在案的 Apple 解决方案非常相似 here . 该解决方案在纵向模式下工作正

太空宇宙

个人简介

我是一名优秀的程序员,十分优秀！

作者热门文章

滴滴打车优惠券免费领取

全站热门文章

首页

博学

6Ren·AI

商城

html - 停止 div 在较小尺寸的窗口中横向滚动。溢出 :hidden, 包装 div 和固定位置不起作用