viewport

Posted apelles

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了viewport相关的知识,希望对你有一定的参考价值。

响应式标志网站  responsive web design

  :colly.com

  www.sony.com

比如索尼,都是响应式的


 

viewport可是窗口,可是区域桌面上就是可是内容的区域,如果viewport小于内容尺寸浏览器显示滚动条

手机上要考虑尺寸.缩放级别(倍数)

技术图片

 

 

假设iphone设备宽度是320px而显示页面是960px

移动设备通常会设置一个默认的viewport尺寸和缩放级别,拿iphone来说默认缩放尺寸为980px 在配合缩放倍数 ,这960就差不多

技术图片

 

 而默认viewport为的就是哪些没有针对移动端优化的页面看起来也还可以,不过我们运用了响应式针对移动优化默认的viewport就不太合适了 要去手动设置

  • 添加到短语集
     
    • 没有此单词集:英语 -> 中文(简体)...
       
    • 创建新的单词集...
  • 拷贝

以上是关于viewport的主要内容,如果未能解决你的问题,请参考以下文章