css - 640宽度的设计图在移动端的适配
天蓬老师
天蓬老师 2017-04-17 14:28:39
0
4
371

目前我只用了这种方式,宽度大于640的时候,默认全部设置为100PX;
小于640的时候,进行动态更改HTML的字体大小,
当然网上还有动态改变viewport的缩放值和HTML字体大小。

我这边的需求是PC上也要显示正常,如果动态采用HTML字体大小的话,
页面的字体就会超大,不知道大家一把采用什么方式解决?

天蓬老师
天蓬老师

欢迎选择我的课程,让我们一起见证您的进步~~

모든 응답 (4)
Ty80

css媒介查询配合rem作为单位就可以了

    阿神

    我一般是这样的,设定当页面超过多大的时候,就统一字体大小,这样就不会特别大,然后可以也限制body的宽度,不至于拉长百分百。

    @media screen and (min-width:500px){ html{font-size: 32px !important;} } body{ max-width:640px; margin:0 auto; }
      小葫芦

      使用hotcss

        迷茫

        谢邀先!
        用JS不会先大后变小么?
        响应式CSS就可以了吧?不过,有个前提就是用比较现代化的浏览器;
        以下是例子:

        @media (min-width: 1px) and (max-width:640px) { font-size:16px; } @media (min-width: 641px) and (max-width:1280px) { font-size:18px; } @media (min-width: 1280px) { font-size:20px; }
          최신 다운로드
          더>
          웹 효과
          웹사이트 소스 코드
          웹사이트 자료
          프론트엔드 템플릿
          회사 소개 부인 성명 Sitemap
          PHP 중국어 웹사이트:공공복지 온라인 PHP 교육,PHP 학습자의 빠른 성장을 도와주세요!