viewport是什么？（江湖里有响应式web设计）

阅读量：

响应式 Web 设计 - Viewport

什么是 Viewport?

viewport 是用户网页的可视区域。

viewport 翻译为中文可以叫做"视区"。

手机浏览器将页面放置在一个虚拟的viewport窗口中；通常情况下该window超出屏幕宽度；因此无需将每个网页限制在狭小的设备专用视口中；这会导致未优化过的网站布局受到影响；而用户则可通过滑动和平移查看不同区域的内容

这样听起来好像有点生硬，这样我们举个例子，看看效果。

未加上viewport时：

复制代码

    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="UTF-8">
    		<!--<meta name="viewport" content="width=device-width, initial-scale=1.0">-->
    		<title>bs实例</title>
    		<link rel="stylesheet" href="css/bootstrap.min.css" />
    		<script src="js/bootstrap.min.js"></script>
    		<script src="js/jquery.min.js"></script>

全部评论 (0)

还没有任何评论哟~