淄博画册设计,淄博宣传册设计,淄博网站推广,淄博网站优化
新闻中心 | 技术资讯 | 联系我们
您当前的位置:首页 > 常见问题 > 网站建设

响应式网页设计几大疑点解答


 1.响应式 vs 自适应网页设计

 
它们看起来似乎是相同的,但事实并非如此。这两种方法相辅相成,并没有说哪个是正确的那个是错误的,内容决定一切。
 
2.内容流动
 
随着屏幕尺寸变小,内容将会占据更多的垂直空间,而下方的内容就会被接着往下推,这就是所谓的流动。如果你是使用像素和磅来进行设计的,这可能会有点棘手,但是当你习惯了之后,就会变得很有意义了。
 
3.相对单位
 
 画布大小可以是desktop、mobile或是它们之间的任何尺寸。像素密度也可以有所不同,所以我们需要灵活的、在各种屏幕上都可以使用的单位。这就是相对单位(如百分比)派上用场的时候了。所以设置50%的宽度也就意味着它会占据屏幕(或视图,即打开的浏览器窗口的尺寸)的一半。
 
4.断点
 
断点允许布局在预定义的点改变。例如:desktop屏幕上有3列,但是在mobile上只有一列。大多数CSS属性可以根据断点改变。通常你会根据具体的内容来设置断点。如果一个句子超过了屏幕长度,你可能就需要为其添加一个断点。但是使用断点是需要谨慎——当它很难理解什么内容会影响什么内容的时候,它可能会迅速地导致混乱。
 
5.最大值和最小值
 
自适应网站,对于最大值和最小值应用是非常多的。有时候,如果内容占据了屏幕的整个宽度是很好的,比如在移动设备上。但是如果是在电视屏幕上,相同的内容,占据了你的屏幕整个的宽度,通常就意义不大了。这就是Min/Max值发挥作用的时候了。比如说,设置width为100%,然后max-width是1000px,那么内容会填满屏幕,但是不会超过1000px。
 
6.嵌套对象
 
还记得相对位置吗?让很多元素的位置依赖于其它元素来定位是很难控制好的,因此使用容器来包裹元素可以让它更易理解,也更整洁。这就是静态单位(比如像素)发挥作用的时候了。对于你不想要模块化的内容(比如logo或按钮),它们是有用的。
 
7.Mobile和PC哪个为主?
 
从技术上讲,如果一个项目是从一个较小的屏幕开始,变成较大的屏幕(mobile优先),还是反过来(desktop优先),并没有太大的差别。然 而它还是增加了额外的限制,可以帮助你决定是否从mobile优先开始。通常大家在一开始的时候都会两端一起写,所以,还是看看哪个运行起来更好。
 
8.网页字体 vs 系统字体
 
希望你的网站上有很酷的Futura或Didot字体吗?可以使用网页字体!虽然它们看起来非常棒,但是记住字体放得越多,你加载页面的时间也会越长。在另一方面,加载系统字体确是快如闪电,但当用户本地没有这套字体时,它就会返回默认的字体。现在一般都是用微软雅黑和宋体,以前是宋体的天下,而现在是微软雅黑的天下。微软雅黑加载速度快,而且各大浏览器都支持,很多个性字体都不支持,为了用户的体验性最好是用系统字体。
 
 
9.图片格式选择哪种?
 
    你是否想过在图标上添加很多的细节和花哨的效果?如果想过的话,使用位图比较合适。如果没有,可以考虑使用矢量图。对于位图,使用的是jpg、png或gif格 式的图像,而对于矢量图,最好的选择是SVG或图标字体。每个都有对应的优势和缺点。但是图片的大小也需要重视——网页上的图片必须经过优化。另一个方 面,矢量图通常比较小,但是一些旧版的浏览器不支持。此外,如果它有很多曲线的话,它也可能会比位图要重。在选择图片格式的时候,没有必要去刻意运用哪种,要根据个人的实际情况来定是那种格式。没什么特殊效果的,一般默认是jpg、gif或者gif。SVG格式的很多浏览器不支持,所以不是有特别要求的,建议还是用通用的格式。                        
 
新闻中心
  • [08-06]
  • [07-29]
  • [05-30]
  • [04-29]
  • [03-31]
  • [07-15]
  • [06-22]
  • [06-05]
  • 常见问题
  • [10-09]
  • [10-04]
  • [09-21]
  • [09-19]
  • [09-14]
  • [09-14]
  • [09-06]
  • [08-07]
  •  
      关于我们 服务项目   联系我们
     

    公司简介
    工作机会

    网站建设
    网站优化推广
    宣传册设计印刷
    400电话
    微信服务

    联系电话:0533-3119168
    业务咨询:18553341531
    技术支持:13805338421
    售后服务:13869399201
    在线QQ:在线咨询  在线咨询
    Copyright © 2006-2014 淄博维美计算机技术开发有限公司 鲁ICP备09029222号