我正在创建我的投资组合,我偶然发现了一个错误,我无法为响应式设计解决这个错误.使用chrome开发工具,我看到当屏幕宽度小于或等于1200px时我的宽度:1000%被击中;
看看图像,红色边框就在那里,以确保媒体查询确实有效,我已经剥离了很多代码以方便,但下面是我认为相对的.
标题图片
我们可以看到宽度被击出,我仍然有垂直滚动.
HTML代码:
<header>
<nav>
<div class="row">
<img class="logo" src="../img/logo.svg" alt="asheem logo">
<ul class="main-nav">
<li><a href="#">Current Projects</a></li>
<li><a href="#">Previous Projects</a></li>
<li><a href="#">Contact me!</a></li>
</ul>
</div>
</nav>
<div class="hero-text-box">
<h1>Asheem Chhetri</h1>
<a class="btn btn-full" href="#">Projects</a>
<a class="btn btn-ghost" href="#">Show me more</a>
</div>
</header>
Run Code Online (Sandbox Code Playgroud)
CSS代码:
*{
margin: 0;
padding: 0;
box-sizing: border-box;
}
html{
background-color: #fff;
color: #6d6d6d;
font-family: 'Exo', sans-serif;
font-size: 20px;
font-weight: 300;
text-rendering: optimizeLegibility;
}
.clearfix{
zoom: 1;
}
.clearfix:after{
content: '.';
clear: both;
display: block;
height: …Run Code Online (Sandbox Code Playgroud) 编写一个函数getWords(sentence, letter),该函数接受一个句子和一个字母,并返回以该字母开头或结尾的单词列表,但不能同时返回,无论字母大小写。
例如:
>>> s = "The TART program runs on Tuesdays and Thursdays, but it does not start until next week."
>>> getWords(s, "t")
['The', 'Tuesdays', 'Thursdays', 'but', 'it', 'not', 'start', 'next']
Run Code Online (Sandbox Code Playgroud)
我的尝试:
regex = (r'[\w]*'+letter+r'[\w]*')
return (re.findall(regex,sentence,re.I))
Run Code Online (Sandbox Code Playgroud)
我的输出:
['The', 'TART', 'Tuesdays', 'Thursdays', 'but', 'it', 'not', 'start', 'until', 'next']
Run Code Online (Sandbox Code Playgroud)