zoukankan      html  css  js  c++  java
  • pc端网页的设计尺寸

    pc端页面设计图到底选择多大比较合适?

    文字大小设置成什么样比较合适?

    搞前端的都会遇到这些问题。

    直接说说我在项目中的实现。

    如果做全屏页面,我的设计图尺寸是1920*960px(960是chrome浏览器可视区域的尺寸),然后页面中所有关于尺寸相关的样式,全部用jq进行控制。

    原理如下:

      1.获取当前浏览器的可视区域宽度w,计算比例系数I=w/1920;

      2.在分辨率1920*1080的显示器下将页面绘制完毕,然后将所有关于尺寸的数据乘以系数I。

    效果:这样的页面就如同看一张图片一样,不论显示器多宽,模块间始终保持不变。

    参考网站:http://bsk.highset.cn/ (可以将浏览器缩小后刷新页面查看)

    如果不做全屏,或者严格讲主要区域不做全屏设置,可以固定中宽,比如bootstrap的container的固定宽度1170px(大于1200px一致设置为1170px)。

    haley欢迎您来访本博客。此博客是作者在工作中的一个记事本,方便下次遇到同样问题时,以最快的速度解决掉遇到的问题。如果您发现哪里写的不对,欢迎给我留言,让我们一起进步。不胜感激!
  • 相关阅读:
    启发式搜索学习~~
    bzoj1032
    bzoj1037
    bzoj1029
    codevs1081 线段树练习 2
    bzoj1006
    bzoj1003
    Codeforces 607B Zuma
    20155326《网络对抗》网络欺诈技术防范
    20155326刘美岑 Exp6 信息收集与漏洞扫描
  • 原文地址:https://www.cnblogs.com/haley168/p/pcSize.html
Copyright © 2011-2022 走看看