• 三颗迄今最年轻行星现形 2019-07-10
  • 内蒙古打掉涉黑涉恶组织团伙348个 2019-07-10
  • 湖南一博士生举报水利局领导受贿 遭到冒牌纪委约谈 2019-07-09
  • 中国铁路昆明局总经理王耕捷代表:运价下浮助推产业转型升级 2019-07-09
  • 五月份经济运行稳中向好——新动能茁壮成长 企业效益持续改善 2019-07-03
  • 湖南《当代商报》工作人员戴石宗在家中遇害,嫌犯已落网 2019-06-20
  • 男子谎称哥哥当师长能帮上军校 骗13万余元被抓 2019-06-20
  • 【学习时刻学思践悟十九大⑤】中央党校郑琦:八项规定仍是全面从严治党重要一环 2019-06-15
  • 1、什么是响应式网站

    响应式网站它是一种利用了各种计算机技术对网络页面进行设计,同一个网站可以在不同的终端使用的网站。一旦企业建站采用了响应式网站建设模式,它就不需要网站设计者在根据不同的终端和分辨率设备制定不同的版本网站了。这种网站的重点在于网络页面设计的布局,它集中页面图片的排版,能够自适应不同用户在不同的设备环境下使用且不影响到阅读的效果。
     

    2、响应式网站优点

    1.网页所有元素,均可设置五种屏幕(电脑宽屏、平板横屏、平板竖屏、手机横屏、手机竖屏)下的适配样式。
     
    2.网站所有图片自动生成不同尺寸,根据屏幕大小获得取最适合的一张图片,满足各种屏幕尺寸设备的清晰显示及快速打开。
     
    3.多个网站只需一个后台即可完成全部维护,无需额外增加负担。
     
    4.PC、手机、平板同一个网址,无需额外申请或解析域名,大大提升用户体验度。除了能让网站更快打开,还更容易被记住,对于企业的品牌推广有一定作用。
     
    5.同网址可有效提升网站排名,在移动端、电脑端同步排名,无需进行多次推广。
     
    6.更易于营销工作的展开,网站能够在移动设备上显示,能够为公司营销部门减少很多工作量,可以随时随地查阅网站资料,向客户展现案例等。 
     
    7.管理方便。一个网站即可同步解决电脑、移动端等多个终端网站建设问题,能有效为企业降低成本。
     

    3、常见的响应式网站布局方式

    1. 固定布局:固定布局以PX(像素)作为单位的,在PC端,设计稿多少PX就写多少PX,前几年都是这种布局,常见的是以960px或者1000px来设计的,但是这样设计有如下缺点:
    (1)页面很死板,在更大的屏幕上,页面左右2边留白。
    (2)不适应响应性布局。
     
     
    2、流式布局:流式布局是以百分比作为单位的,我们要牢记如下公式:
    百分比宽度 = 目标元素宽度 / 上下文元素宽度
    这种布局优点:可以自适应布局,根据不同的分辨率显示不同的宽度。
    缺点:在行高或者marginTop在大屏幕下看起来太高,在小屏幕下看起来太窄。
     
    3、 弹性布局:弹性布局是以em作为单位的,同样弹性布局也支持如下公式:
    百分比尺寸 = 目标元素尺寸 / 上下文元素尺寸
    使用em将文字像素px转换为相对单位,现在浏览器默认文字的大小是16px,如果一个文字大小是48px,上下文元素是(浏览器),那么转换成em 就是 48/16 = 3em. 但是如果一个h1标签的font-size是48px, h1标签内部span标签font-size 是24px,那么h1标签的font-size = 48 / 16 = 3em  h1 span {font-size = 24/16 =1.5em}.弹性布局也支持响应性web设计。
     

    作者:admin


    上一篇:没有了 下一篇:没有了

    现在致电 18253269382 OR 查看更多联系方式 →

    Go To Top 回顶部
  • 三颗迄今最年轻行星现形 2019-07-10
  • 内蒙古打掉涉黑涉恶组织团伙348个 2019-07-10
  • 湖南一博士生举报水利局领导受贿 遭到冒牌纪委约谈 2019-07-09
  • 中国铁路昆明局总经理王耕捷代表:运价下浮助推产业转型升级 2019-07-09
  • 五月份经济运行稳中向好——新动能茁壮成长 企业效益持续改善 2019-07-03
  • 湖南《当代商报》工作人员戴石宗在家中遇害,嫌犯已落网 2019-06-20
  • 男子谎称哥哥当师长能帮上军校 骗13万余元被抓 2019-06-20
  • 【学习时刻学思践悟十九大⑤】中央党校郑琦:八项规定仍是全面从严治党重要一环 2019-06-15
  • 吉林快三19期小是哪期 守望先锋联赛bgm 彩票平台 葫芦兄弟动画片全集 广东快乐10分开奖走势图 伊蒂哈德对塔什干火车头 科学怪人电子 十三水推荐aa 末平分野50手电子游戏 以太坊收益 安庆市体育中心115 四川成都麻将游戏 2元彩票网站 真正高手如何思考 魂斗罗归来外挂视频 网络之王牌战士