我只是在我的网站上添加了可伸缩性,但是当我缩放时,导航也会缩放。所有设备(特别是移动设备)上的,当页面放大时,导航也会放大。无论视口缩放如何保持导航大小相同?CSS如何在无导航缩放的情况下对网站进行缩放
我试过提到这个问题,但不能解释它。如果这是我正在寻找的东西,有人可以帮忙解释一下吗?
我创建了这个JSFiddle,但它是移动的,我不确定它是否会有所帮助。
导航:
<nav>
<div>
<a href="/">
<div id="logo"><img src="http://www.lehigh.edu/google/google_search.png" alt="Home"/></div>
<div id="headtag"><img src="http://codeboxr.com/wp-content/uploads/2012/06/6_logo_predesign.jpg" alt="Home"/></div>
<div id="tagline"><img src="https://www.google.com/logos/doodles/2014/world-cup-2014-2-4845213826678784.3-hp.gif" alt="Home"/></div>
</a>
</div>
<div>
<a href="/" class="here">Home</a>
<a href="/about.php">About</a>
<a href="/services.php">Services</a>
<a href="/pricing.php">Pricing</a>
<a href="/contact.php">Contact Us</a>
<!--input id="srchbar" type="search" placeholder="Search"-->
</div>
</nav>
https://jsfiddle.net/foeLo3xx/ 1)不缩小
2)上移动(IPhone 5S放大)
仍然没有得到你所要求的?所有设备(特别是移动设备)上的 – divy3993
,当页面放大时,导航也会放大。无论视口缩放如何保持导航大小相同? – blackRob4953
我建议你使用高度和宽度属性的百分比(%)。 – divy3993