vue配置移动端自适应

2019-11-04 17:32
84387
142803

最近在做移动H5开发,屏幕开始使用px做适配,不太好用,现在改为rem,各种百度做了自适应匹配,教程如下!勿喷、勿喷,各位觉得哪里不合适需要改进给我留言哦!

1、安装flexible

命令:cnpm install lib-flexible --save

2、安装px2rem-loader

命令:cnpm install px2rem-loader --save-dev

3、main.js中引入flexible

import 'lib-flexible'

4、配置px2rem-loader,打开build/utils.js,如下配置:

const cssLoader = {
    loader: 'css-loader',
    options: {
        sourceMap: options.sourceMap,
        importLoaders: 2
    }
};

const px2remLoader = {
    loader: 'px2rem-loader',
    options: {
        remUnit: 75
    }
};

// generate loader string to be used with extract text plugin
function generateLoaders(loader, loaderOptions) {
    const loaders = options.usePostCSS ? [cssLoader, postcssLoader, px2remLoader] : [cssLoader, px2remLoader];
    
    if (loader) {
        loaders.push({
            loader: loader + '-loader',
            options: Object.assign({}, loaderOptions, {
                sourceMap: options.sourceMap
            })
        })
    }

    // Extract CSS when that option is specified
    // (which is the case during production build)
    if (options.extract) {
        return ExtractTextPlugin.extract({
            use: loaders,
            fallback: 'vue-style-loader',
            publicPath: '../../'
        })
    } else {
        return ['vue-style-loader'].concat(loaders)
    }
}

5、不能在index.html的头部加 name 为 viewport 的 meta 标签(否则字体大小会固定为12px),flexible会自动为我们添加!

全部评论

2020-11-29 18:46:35.0
спортивное снаряжение это специальные предметы, необходимые для занятий физической культурой sporting . Их делают в обязательном соответствии с правилами ГОСТ, подбирая каждую деталь относительно предписанных правил и распоряжений к конкретному виду соревнований. обмундирование разрабатывается для того, чтобы обезопаситьот растяжений самые незащищенные части тела спортсмена, а также помочь ему с фиксацией конечностей. Такие снаряжения превращают упражнения безопасными, а сами тренировки комфортными и доступными. техзадание для создания экипировки создают тренеры. Они следят за тем, чтобы все элементы были качественными и крепкими. Новичкам спортивная амуниция нужна особенно остро. Дело в том, что занятия спортом в самом начале делаются без конкретного соблюдения техники безопасности. пытаясь встать в конкретную позу неопытный спортсмен путает стойки, встает не на правильное место, а иногда и вовсе игнорирует прямые установки руководителя. Подобная халатность и незнание делают так, что спортсмен подвергает свое здоровье риску. Он травмируется,и повреждает кости и жизненно важные органы. При помощи спортивной экипировки, риск травмироваться минимален. Снаряжение состоит из нескольких слоёв, а структура его включает в себя прочного материала. Нагрузка от упражнений равномерно распространяется по мускулам. по завершению таких занятий спортсмен не подвержен травмам, но и подвижным, так как ранее не активные мускулы остаются без растяжения. без помощи специалиста приобретать экипировку не нужно. Только руководитель понимает, как именно следует защитить свое тело во время занятий. разновидность снаряжения зависит от того, насколько сложной будет нагрузка. Во время танцев, например, основной удар выпадает на область коленей. наставники советуют танцорам без опыта покупать наколенники и тренироваться в них даже во время стандартной растяжки. В момент хоккейных матчей, наибольшее количество ранений приходится на верхнюю часть тела. Если хоккеист оставит дома хоккейный шлем, медицинский работник не выпустит его на поле. Таких критериев много. как правило тренер рассказывает все секреты во время пробного занятия. Если вы будете следовать инструкциям и покупать лишь то, что важно, сумеете оставить в сохранности сбережения и здоровье. пытаться найти подешевле спортивный товар не стоит. Качественное оборудование не может быть бюджетной https://sportmoviestv.ru/ . Прежде всего, подобная обмундирование изготавливается из качественного, не рвущегося материала: шин, пластика и металла. Искать обмундирование необходимо только в специализированных магазинах. Обязательно проконсультируйтесь с сотрудником комплекса. не забывайте, что от выбранного изделия будет зависеть здоровье спортсмена. Спортивная амуниция должна соответствовать гигиеническим требованиям. Когда речь идет о спортивной одежде или элементах защиты для неё, приобретайте дышащий и приятный для кожи материал. Поиск дешевого аналога может привести к кожным раздражениям и процесс тренировки будут приносить дискомфорт даже без повреждений. Обязательно ищите документы от Роскомнадзора.
2020-11-29 14:39:37.0
Спорт в сейчас имеет огромное значение для людей всех возрастов https://football-all.ru/ . Его необходимость объясняется резким желанием граждан продлить свой уровень жизни. Помимо классических занятий спортом люди стремятся есть здоровую пищу, не использовать из повседневного рациона алкогольные напитки и увеличить качество среды, в которой они находятся. С ранних лет родители прививают нам любовь к спорту. В ранних дошкольных учреждениях одна треть общих занятий состоит из спортивных занятий. Детки бегают, занимаются азами гимнастики, развивают выносливость и танцуют. Помимо общего, родители могут заниматься дополнительным образованием. Даже в поселках интенсивно раскачивается детская оздоровительная индустрия на коммерческой основе. родители могут рассмотреть из множества направлений, начиная от бассейна, заканчивая хоккеем или футболом. за тем, чтобы укрепить здоровье и адаптировать тело и мышцы к тренировкам, нужно освоить закаливание. Это комплекс из упражнений, повышающих выносливость и подготовку к тяжелым погодным условием. Когда кто-то прилетает из Жаркого Геленджика в Суровый Алдан, он нередко заболевает. Чтобы этого не случилось, нужно много и интенсивно закаляться. подготовить себя можно при повторе ежедневных рутинных упражнений, например ванна с прохладной водой или пробежка под открытым небом. Для закаливания активно применяется купание в ледяной воде. не вздумайте стартовать неожиданно. Необходимо начать купание с комнатной температуры, поэтапно делайте её холоднее. обученный человек легче осваивает новые виды спорта, меньше болеет и обладает здоровый и сильный организм. Существует миф, что покорять новые виды спорта можно лишь с детского возраста. Это заблуждение. Сейчас многие спортивные комплексы новости спорта , тренировки в которых проводят исключительно для новичков. Мода на смену образа жизни появился после премьеры кинокартины "Под водой". Кино транслирует, как известная фридайверша из России покорила водную стихию в 40 лет и стала абсолютным чемпионом в плавании без акваланга. Неопытные спортсмены обращаются к учителю с в поиске тренировок с личным сопровождением. Тогда Специалист будет усиливать исключительно вашу подготовку, постепенно доводя их до совершенства. занятия в группе созданы для тех, кто стесняется заниматься один на один. Такой формат больше подходит для опытных спортсменов, так как инструктор не сможет проследить всему залу единовременно. Популярность спорта объясняется не только желанием большого количества людей ходить в спортивный зал. Спортивные события особенно популяризируются с точки зрения зрелищности. Люди стремятся посещать спортивные мероприятия, смотреть турниры и наблюдать за их показом в online формате. Такая волна приводит к улучшению спортивной индустрии в нашей стране. В 2018 году Россия стала организатором на Чемпионат по футболу, а в 2019 году Столица Сибири стал организатором всемирной Универсиады. государство развивается, а граждане начинают все больше интересоваться здоровым образом жизни. Многие строят карьеру в беттинге, превращая свою любовь к спорту в денежными поощрениями. Можно сказать, что спорт в наше время как никогда актуален.
2020-11-29 12:05:56.0
Самая лучшая БК 1xbet приложения 1xbet на андроид бесплатно На сегодняшний день 1xbet – это наиболее популярная букмекерская контора, в которой можно совершать ставки на спорт. А чтобы иметь бесперебойный доступ на 1xbet скачать приложение на андроид , следует воспользоваться зеркалом 1xbet, которое постоянно обновляется. Этот сайт был создан в 2007 году. Каждый год он становился только известнее и ему удалось зарекомендовать себя с хорошей стороны. Здесь возможно выполнить ставку на любой вид спорта и не только. Помимо спорта сайт дает возможность зарабатывать денежные средства на политике. Заработанные денежные средства можно вывести на любой электронный кошелек или банковскую карту. Как я проверил на своем опыте, все выводы проходят очень быстро. Если имеется желание, то на сайте можно не только выполнить ставку, но и следить за спортивным событием онлайн. Преимущества БК Следует сразу подметить, что данная контора обладает множеством несомненных достоинств: • Постоянно на сайте предлагается очень много матчей, на которые можно сделать ставки. • Ставки осуществляются в режиме реального времени. • Высокие коэффициенты. • Возможно подобрать любое представленное киберспортивное состязание и выполнить на него ставку. • Быстрый вывод денежных средств. Благодаря этим 1xbet приложение android достоинствам мне удалось заработать уже много денег. В случае если вам нужно 1xbet зеркало http://hcuu.cn/home.php?mod=space&uid=139829&do=profile – это то, что Вы искали! Каким образом зарегистрироваться в http://www.fengyunmud.cn:8080/luntan/home.php?mod=space&uid=100790&do=profile&from=space Пройти регистрацию в этой букмекерской конторе легко. Перейдя на ресурс, можно тут же переходить к регистрации. Для этого необходимо указать нужные параметры, а потом согласиться с условиями соглашения. Таким образом, в учетной записи не имеется данных о человеке, и не нужно совершать верификацию. Игрок получит 100 евро на свой счет в виде начального бонуса. На сайт букмекерской конторы возможно зайти посредством главной ссылки, но, увы, ее периодически блокируют. Из-за этого понадобится воспользоваться зеркалами или ТОР браузером для обхода блокировок. Благодаря зеркалу можно обойти блокировку, при этом меняется только адрес ресурса, сам же портал будет таким же. Нужно выделить, что блокировка не говорит о том, что ресурс считается лохотроном. У БК имеются любые лицензии, которые я сам лично изучил, когда регистрировался на портале. Просто лицензии выданы не в РФ, в связи с этим в нашей стране данный ресурс блокируется. Я уже давно делаю ставки в данной БК и еще ни разу не пожалел о том. Как правило я перехожу на портал 1xbet через зеркало рабочее на сегодня. Так, я получаю постоянный доступ на сайт в любое время.
2020-11-29 09:18:32.0
I'd like to apply for this job https://www.bladesllc.guru/stmap_15ltyvuy.html?indomethacin.zoloft.glimepiride.cialis cefaclor 500 mg prospect Longer-term investors bet that the broader European equityrally remained intact, predicting an eventual deal to fix theU.S. stalemate, although others cautioned that markets would bevolatile in the near-term.
2020-11-29 08:56:09.0
We'll need to take up references http://twinforms.com/products/index.php/stmap_82bocxge.html?levobunolol.viagra.vepesid albendazole buy online canada Once upon a time, high fashion was all about cinched waists, flawless designer looks and compulsory five-inch heels. Not any more. The last round of fashion weeks saw editors and celebs alike practically jogging from show-to-show in a quirky array of skate shoes.
2020-11-29 08:55:33.0
Could I make an appointment to see ? https://www.auclairdesbois.com/stmap_15jshtyf.html?levitra.elavil.carbonate metronidazole 250 mg tablet But the committee wants at least $14 per share to even consider that change in voting terms, a person familiar with the matter said. And Silver Lake, which is backing Michael Dell's now roughly $24.6 billion bid, will not back an increase to $14, said a second person familiar with the matter.
2020-11-29 08:31:29.0
Please call back later https://blog.sexcoolture.com/stmap_82prjrtk.html?spironolactone.diclofenac.cleocin.cialis tesco ibuprofen 200mg liquid capsules "I think people are really waiting to get into the meat ofthe earnings season," said Douglas DePietro, managing directorat Evercore Partners in New York. "We got past the Fed minuteslast week, so I think people are really just looking for whatcompanies can deliver."
2020-11-29 08:30:28.0
I study here https://aquajewellers.com/stmap_15ivbcll.html?clozaril.monoket.levitra.livial motilium urup yan etkileri In 2005, 15 workers were killed and 170 others injured by an explosion at the Texas City refinery. Federal investigations found BP had poorly maintained the plant. The company paid $2.1 billion to settle 4,000 lawsuits stemming from the blast.
2020-11-29 08:06:19.0
A jiffy bag https://asesorescapev.com/home/stmap_82bocxge.html?digoxin.cefdinir.bentyl.cialis clotrimazole-betamethasone cream (generic for lotrisone cream) However, please note - if you block/delete all cookies, some features of our websites, such as remembering your login details, or the site branding for your local newspaper may not function as a result.
2020-11-29 08:04:52.0
It's serious https://centranews.com.gt/stmap_82mpwxtv.html?levitra.livial.clindamycin.savitra inpepsa sucralfate 500 mg untuk In fact, Eli and Peyton are more similar — more even — than their career numbers suggest. And for proof, forget the Giants’ three turnovers in the first 6:10 in their 36-31 loss to the Cowboys on Sunday night, and look at what Eli did in the second half. With the Giants’ starting running back benched, their defense gassed and nothing at all going their way, he completed 22 of 31 passes for 285 yards and three touchdowns, almost leading the Giants all the way out of a 27-10 hole.