docs: add "adapt to PC browsers"

This commit is contained in:
chenjiahan
2020-10-24 17:38:14 +08:00
parent 2206e77cc5
commit ea896803a0
3 changed files with 20 additions and 6 deletions

View File

@@ -2,16 +2,16 @@
## Browser adaptation
### Rem units
### Rem Units
Vant use `px` as size units by defaultyou can use tools such as `postcss-pxtorem` to transform units to `rem`.
Vant uses `px` unit by defaultyou can use tools such as `postcss-pxtorem` to transform units to `rem`.
- [postcss-pxtorem](https://github.com/cuth/postcss-pxtorem)
- [lib-flexible](https://github.com/amfe/lib-flexible)
#### PostCSS Config
postcss config example:
Postcss config example:
```js
module.exports = {
@@ -26,3 +26,17 @@ module.exports = {
},
};
```
### Adapt to PC Browsers
Vant is a mobile-first component library, if you want to use Vant in PC browsers, you can use the [@vant/touch-emulator](https://github.com/youzan/vant/tree/dev/packages/vant-touch-emulator) module. This module will automatically convert the mouse events of the PC browser into the touch events of the mobile browser.
```bash
# Install
npm i @vant/touch-emulator -S
```
```js
// Just import this module, then Vant works in PC browser
import '@vant/touch-emulator';
```