ambiguisjs

reponsive tool


Keywords
[responsive, mobile, phone]
License
ISC
Install
npm install ambiguisjs@1.0.3

Documentation

AmbiguisJS

Simply configure the mobile terminal responsive page

Thanks @amfe: lib-flexible

Build

Install modules

$ npm install

Transform ES6 to ES5

$ gulp default

Minify and Uglify

$ gulp compress

Usage

Use <scipt></script>

<script src="./dist/ambiguis.js"></script>

<script type="text/javascript">
  ambiguis({
    initialDpr: 1,
    maximumDpr: 3,
    fontSize: 16,
    maxWidth: 517
  })
</script>

Use webpack

$ npm install ambiguis --save
require('ambiguis')({
  initialDpr: 1,
  maximumDpr: 3,
  fontSize: 16,
  maxWidth: 517
});

Properties

ambiguis({ [initialDpr], [maximumDpr], [fontSize], [maxWidth] })

  • initialDpr——The dpr will be set to the number you want.
  • maximumDpr——The dpr will never largest than the number you want.
  • fontSize——The body's default font-size will be set to the number you want.(Default: 12)
  • maxWidth——When the window.innerWidth larger than this number, we use maxWidth instead of window.innerWidth.So the root font size will be limited.

There is a global variable ele provides the basic information of the current page

License

This content is released under the MIT License.