响应式媒体查询无效

时间:2015-09-15 15:13:15

标签: html css media-queries

我在main.css中编码,我在浏览器中检查它完全没问题。我创建了另一个名为responsive.css的文件,当我调整浏览器大小时,徽标根本没有移动,其余的像图像,包装器也一样。我已在主链接上方移动了响应。但它仍然是一样的。

<!doctype html>
<html>
<head>

<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Alzira Barretto</title>
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" type="text/css" href="css/responsivemobilemenu.css">
<link rel="stylesheet" type="text/css" href="css/responsive.css">
<link rel="stylesheet" type="text/css" href="css/main.css">

<link href="http://fonts.googleapis.com/css?family=Vidaloka|Philosopher" rel="stylesheet" type="text/css">
</head>


<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript" src="js/responsivemobilemenu.js"></script>



<script type="text/javascript">
  WebFontConfig = {
    google: { families: [ 'Vidaloka::latin', 'Philosopher' ] }
  };
  (function() {
    var wf = document.createElement('script');
    wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
      '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
    wf.type = 'text/javascript';
    wf.async = 'true';
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(wf, s);
  })(); 
  </script>




<!-- MAIN MENU-->

<body>
  <div class="rmm">
  <ul>
	<li><a href="#home" data-target="home">HOME</a></li>
	<li><a href="#about" data-target="about">ABOUT ME</a></li>
  <li><a href="#skills" data-target="skills">MY SKILLS</a></li>
	<li><a href="#work" data-target="work">MY WORK</a></li>
	<li><a href="#services" data-target="services">SERVICES</a></li>
  <li><a href="#contact" data-target="contact">CONTACT ME</a></li>
  <li><a href="blog.html">BLOG</a></li>
</ul>
</div>



<div id="wrapper">
<div class="sectionPage" id="home">

<img src="img/ab-logo.svg" alt="ab logo">
<h1>DESIGN &amp; CODE</h1>
<a class="welcome" href="#about">WELCOME</a>
</div>




<!-- ABOUT ME -->


<div class="sectionPage" id="about">
<h1>A LITTLE NOTE ABOUT ME</h1>
<div class="wrapper">
<img src="img/alzira.jpg" alt="">
<p><strong>ALZIRA BARRETTO<br>MUMBAI, INDIA<br>FRONT-END DEVELOPER<br></strong></p>
</div>
<p>I was raised in Mumbai, India. Ever since I was a child I learnt
from my dad how to draw. What attract me the most is an amazing colors and 
shapes. From the basic foundations, I've studied a lot about Graphic 
Designing and joined in 3 years of fine arts. When comes to
web designing, I've learnt some of the courses in Treehouse since
2014. I'm keen to learn more about new languages. I have build
one website of my own and still in processing. I work hard to complete my project. I couldnt resist my finger from coding.</p>
<p>Apart from web designing, I love to draw, stitching, craft (DIY),
and obvious love to travel and explore new places.</p>
<p>Thanks for stopping by!!!</p>
<a href="img/Resume.pdf">DOWNLOAD MY CV</a>
</div>



<!-- MY SKILLS -->


<div class="sectionPage" id="skills">
<h1>MY SKILLS</h1>
<p>CODE I USE</p>
<ul class="gallery">
	<li><img src="img/HTML.svg" alt="html" width="100" height="100"></li>
	<li><img src="img/CSS.svg" alt="css" width="100" height="100"></li>
	<li><img src="img/JSCRIPT.svg" alt="js" width="100" height="100"></li>
</ul>
<p>SOFTWARE I USE</p>
<ul class="software">
	<li><img src="img/photoshop.svg" alt="ps" width="100" height="100"></li>
    <li><img src="img/Illustrator.svg" alt="ai" width="100" height="100"></li>
    </ul>
</div>




<!-- MY WORK -->

<div class="sectionPage" id="work">
<h1>MY WORK</h1>
<p> It's just the beginning to build my portfolio and not just a professional one but to enhance my skills and gain more knowledges. I really do love my job and do what I love. I'm still learning new languages like Ruby, Drupal, Php, Javascript and of course Android apps. I would be appreciate if you really love my work and hire me to working with you. Please don't hesitate to <a class="msg" href="#contact">contact me</a> or tweet me <a class="tweet" href="http://www.twitter.com/@Albardesign">@Albardesign</a></p>
<p>I have a creative mind and I'd love to post it to show off my work. I am working on complete study cases.</p>
<a class="portfolio" href="https://www.behance.net/Alzira25">CHECK MY PORTFOLIO</a>
</div>


<!-- SERVICES -->
<div class="sectionPage" id="services">
<h1>SERVICES</h1>
<img src="img/devices.svg" alt="devices" width="500px" height="500px">
<p>As new technology increase, we build the website in Responsive style. Range from the biggest size of the Computer to the Tablet and goes to the smallest size of mobile devices. Mobile devices is the most popular used by people. We transform the website into the rich look.</p>
<p><strong><font size="+2" color="#1199C3">BUILD. REDESIGN. LAUNCH</font></strong></p>
<p><font size="+4" color="#1199C3"><em>VOILA!</em></font></p>
</div> 


<!-- CONTACT -->

<div class="sectionPage" id="contact">
<h1>CONTACT ME</h1>
<p>Love to hear from you</p>
<p>Please feel free to drop the messages</p>

<div class="container">
<form id="form" action="send_form.php" method="post">

	<input type="text" id="name" name="user_name" placeholder="Your Name"/>
	<input type="email" id="email" name="user_email" placeholder="Your Email"/>
	<textarea id="bio"  name="user_message" placeholder="Write the message"></textarea>
	<button id="button" type="submit">SEND</button>

</form>
</div>
<ul>
	<li><img src="img/twitter.svg" alt="tweet" width="40" height="40"><a href="http://www.twitter.com/@Albardesign">FOLLOW ME</a></li>
	<li><img src="img/mail.svg" alt="mail" width="40" height="40"><a href="mailto:alzirabarretto@gmail.com?Subject=Hello%20again" target="_top">MAIL ME</a></li>
</ul>

<!-- FOOTER -->
<footer>
<ul>
	<li><a href="#home">HOME</a></li>
    <li><a href="#about">ABOUT</a></li>
    <li><a href="#work">WORK</a></li>
    <li><a href="#contact">CONTACT</a></li>
    <li><a href="#blog">BLOGS</a></li>
</ul>
<p>ALZIRA BARRETTO|2015</p>
</footer>
</div>
</body>
</html>
perl -e '$sep=","; while(<STDIN>) { @data = split(/(\Q$sep\E?\s*"[^"]+"\s*\Q$sep\E?)/); foreach(@data){if(/"/){s/^\Q$sep\E\s*"//;s/"\s*\Q$sep\E$//;}else{s/\Q$sep\E/\t/g;}}print(join("\t",@data));} warn "Changed $sep to tab on $. lines\n"' < csvfile.csv > tabfile.tab

0 个答案:

没有答案