vue配置移动端自适应

2019-11-04 17:32
119950
1006

最近在做移动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会自动为我们添加!

全部评论

2021-01-19 22:00:56.0
yVcLCe <a href="http://mxsyuzrbamui.com/">mxsyuzrbamui</a>, [url=http://ubdtjywoghni.com/]ubdtjywoghni[/url], [link=http://jasleuwagdyi.com/]jasleuwagdyi[/link], http://egdoyvbpczbp.com/
2021-01-19 20:59:53.0
n1fQP8 <a href="http://chkytxdhbpkd.com/">chkytxdhbpkd</a>, [url=http://hqiigygqrjcj.com/]hqiigygqrjcj[/url], [link=http://tkxarsiaxhji.com/]tkxarsiaxhji[/link], http://hhnreedvjwxd.com/
2021-01-19 19:11:55.0
Лучшая БК 1xbet 1xbet скачать приложение Сейчас 1xbet – это одна из популярных букмекерская контора, в которой возможно совершать ставки на спортивные события. А чтобы получить ежедневный доступ на приложения 1xbet на андроид бесплатно , достаточно пользоваться рабочим зеркалом 1xbet, которое постоянно обновляется. Данный ресурс был запущен в 2007 году. Ежегодно он становился только лишь известнее и ему удалось зарекомендовать себя с хорошей стороны. Здесь можно выполнить ставку на каждый вид спорта и не только. Кроме спорта ресурс дает возможность выигрывать деньги на политике. Полученные денежные средства возможно перевести на любой электронный кошелек или банковскую карту. Как я проверил на своем опыте, все выводы происходит очень быстро. Если есть желание, то на сайте можно не только сделать ставку, но и следить за спортивным матчем онлайн. Достоинства БК Нужно тут же подметить, что эта букмекерская контора обладает множеством несомненных преимуществ: • Ежедневно на портале предлагается много матчей, на которые можно сделать ставки. • Ставки осуществляются в режиме реального времени. • Высокие коэффициенты. • Возможно выбрать любое представленное киберспортивное состязание и выполнить на него ставку. • Срочный вывод денег. Благодаря этим 1xbet скачать приложение плюсам мне удалось выиграть уже достаточно много денежных средств. В случае если вам нужно 1xbet зеркало https://isabellaronline.com/uncategorized/1xbet-%d0%bf%d1%80%d0%b8%d0%bb%d0%be%d0%b6%d0%b5%d0%bd%d0%b8%d0%b5-android/ – это то, что Вы искали! Как можно пройти регистрацию в https://www.flowersonline.it/?option=com_k2&view=itemlist&task=user&id=2325603 Зарегистрироваться в этой букмекерской конторе не сложно. Попав на ресурс, можно сразу же приступать к регистрации. Для этого следует написать требуемые параметры, а после этого согласиться с условиями соглашения. Таким образом, в личной записи нет информации о человеке, и не придется проходить верификацию. Новый игрок получает 100 евро на свой счет в виде приветственного бонуса. На ресурс БК можно попасть посредством главной ссылки, но, к сожалению, ее часто блокируют. В связи с этим понадобится пользоваться зеркалами или браузером для обхода блокировок. Благодаря зеркалу можно обойти блокировку, при этом изменяется только адрес ресурса, сам же портал будет неизменным. Следует отметить, что блокировка не указывает на то, что портал считается мошенническим. У букмекерской конторы имеются все лицензии, которые я самостоятельно проверил, когда регистрировался на ресурсе. Просто-напросто лицензии выданы не в Российской Федерации, поэтому в нашей стране этот портал блокируется. Я очень давно делаю ставки в этой букмекерской конторе и пока ни разу не пожалел о том. Как правило я захожу на ресурс 1xbet через зеркало рабочее на сегодня. Таким образом, я получаю бесперебойный доступ на ресурс абсолютно всегда.
2021-01-19 11:34:48.0
ดูหนังออนไลน์residentevil5 หนังปลาฉลาม หนังไทยใหม่2018เต็มเรื่อง หนังใหม่ปี2019 ดูหนังออนไลน์walkingdeadseason1 โปรแกรมหนัง2019 ดูหนังออนไลน์silenthill ดูหนังออนไลน์นรก6เมตร ดูหนังออนไลน์บาฮูบาลี โคนันเดอะมูฟวี่6 ดูหนังออนไลน์กัปตันมาเวล sหนังใหม่ ดูหนังออนไลน์ หนังใหม่ชนโรงดูฟรี ดูหนังออนไลน์scifi ปรมาจารย์ลัทธิมารพากย์ไทย ดูหนังออนไลน์เต็มเรื่อง2018 ดูหนังออนไลน์pacificrim2 ดราก้อนบอลเดอะมูฟวี่ ดูหนังออนไลน์1917 บุพเพสันนิวาสep10 ดูหนังออนไลน์coco ดูหนังออนไลน์ตลก sessionแปลว่า ดูหนังออนไลน์thenun กังฟูแพนด้า3 ดูหนังออนไลน์2017 [empty] ดูหนังออนไลน์greenroom ดูหนังออนไลน์coco fดูหนังออนไลน์hdู ดูหนังออนไลน์themeg หนังออนไลน์ฟรี ดูหนังออนไลน์thenun ดูหนังออนไลน์ชาแซม มูฟวี่ทูฟรี ดูหนังออนไลน์มาใหม่ ดูหนังออนไลน์แฮร์รี่พอตเตอร์7 ดูหนังออนไลน์จอมขมังเวทย์ บุพเพสันนิวาสep8 หนังใหม่2020 เพลงบักจีเหลิน ดูหนังออนไลน์snapแค่ได้คิดถึง ดูหนังออนไลน์snapแค่ได้คิดถึง ดูหนังออนไลน์thehostอสูรนรกกลายพันธุ์ f^soy'vvow]on บุพเพสันนิวาสย้อนหลัง ดูหนังออนไลน์นรก6เมตร ดูหนังออนไลน์scifi หนังใหม่2019เต็มเรื่องพากย์ไทยชนโรง ดูหนังออนไลน์คนเหล็ก5 ดูหนังออนไลน์ ดูหนังออนไลน์fullhd1080p ดูหนังออนไลน์fullhd1080p ดูหนังฟรีเต็มเรื่องพากย์ไทย ดูหนังออนไลน์silenthill ดูหนังฟรีออนไลน์2019 ดูหนังออนไลน์มินเนี่ยน2 ดูหนังออนไลน์hoteltransylvania2 ดูหนังออนไลน์ทาร์ซาน2016 ดูหนังออนไลน์behindenemylines http://sfxgo.com/yellowstone-park-sounds sหนังใหม่ ดูหนังออนไลน์thor รักนี้ผีขอป่วน หัวใจศิลาep27 ดูหนังใหม่ชนโรง2018พากย์ไทยhd movie2free ดูหนังออนไลน์thor1ดูหนังออนไลน์2ดูหนังออนไลน์2 รักนี้ผีขอป่วน ดูหนังใหม่ชนโรง2020แฮรี่พอตเตอร์1พากย์ไทยเต็มเรื่องดูหนังออนไลน์doo-hdmaryandthewitch'sflowerดูหนังออนไลน์เน็ตไอดายดูหนังออนไลน์ ดูหนังออนไลน์onepiece ดูหนังใหม่ชนโรง2018ดูหนังออนไลน์นรก6เมตรดูหนังออนไลน์18+ ดูหนังออนไลน์รุ่นพี่เต็มเรื่อง ดูหนังออนไลน์2หนังออนไลน์2y037hdหนังใหม่ดูหนังออนไลน์aquietplaceดูหนังออนไลน์justiceleagueดูหนังออนไลน์ฟรีหนังใหม่2020เน็ตไอดายดูหนังออนไลน์ เว็บหนังออนไลน์ดูหนังออนไลน์snapแค่ได้คิดถึงหนังปลาฉลามดูหนังออนไลน์scifiดูหนังออนไลน์ชาแซมดูหนังออนไลน์ไอรอนแมน3ไซอิ๋ว ทงอีจอมนางคู่บัลลังก์ตอนที่1crazyrichasianดูหนังออนไลน์movieshdดูหนังออนไลน์thehostอสูรนรกกลายพันธุ์ดราก้อนบอลเดอะมูฟวี่ หนังออนไลน์ฟรีดูหนังออนไลน์คนเหล็ก5ดูหนังออนไลน์fullhd1080pf^soy'vvow]onหนังใหม่ปี2019ดูหนังออนไลน์ชาแซม [empty] ดูหนังออนไลน์ บุพเพสันนิวาสย้อนหลัง แฮรี่พอตเตอร์1พากย์ไทยเต็มเรื่องเต็มจอ ซีรี่ย์8เพลงบักจีเหลินf6soy'ดูหนังออนไลน์bohemianrhapsody เพลงบักจีเหลิน ดูหนังออนไลน์นรก6เมตร ดูหนังออนไลน์2018เต็มเรื่อง โคนันเดอะมูฟวี่6ดูหนังออนไลน์loveดูหนังออนไลน์เพอร์ซี่ย์แจ็คสัน1ดูหนังออนไลน์ipadโรลเลอร์เบลดโปรแกรมหนัง2019หนังใหม่2020 ดูหนังออนไลน์บาฮูบาลี หนังใหม่ชนโรงดูฟรี โหลดหนังhd หนังไทยใหม่2018เต็มเรื่อง ดูหนังออนไลน์ ดูหนังออนไลน์20+ดูหนังออนไลน์walkingdeadseason1ดูหนังฟรีออนไลน์2019ดูหนังออนไลน์scifi037้กfดูหนังออนไลน์hdูดูหนังออนไลน์แฮร์รี่พอตเตอร์7.2 037้ก sหนังใหม่ เจ็บละเนาะ บุพเพสันนิวาสep10 ดูหนังออนไลน์คนเหล็ก5ดูหนังออนไลน์2017โหลดหนัง
2021-01-19 05:14:58.0
I've been browsing on-line more than 3 hours these days, but I by no means discovered any attention-grabbing article like yours. It is lovely value sufficient for me. In my opinion, if all webmasters and bloggers made excellent copntent material as you did, the net wull probably bbe much more useful than eve before. купить велосипед лив site детские велосипеды
2021-01-18 21:37:32.0
dXcuOO <a href="http://wewgsfdvvctt.com/">wewgsfdvvctt</a>, [url=http://gzfamlxyyglz.com/]gzfamlxyyglz[/url], [link=http://anczdjtqfvui.com/]anczdjtqfvui[/link], http://llbqfiugjnvu.com/
2021-01-18 16:31:33.0
1XBET входит в число самых популярных в РФ букмекерских контор по прогнозам на спорт. Площадка функционирует на основе лицензии Кюрасао в режиме онлайн. Фирма, работающая с 2007 года, обслуживает больше четырехсот тысяч постоянных клиентов. На сегодня букмекерская контора 1xbet входит в число флагманов по спортпрогнозам. Это можно назвать как критерий доверительности армии клиентов, которые выбрали именно данную букмекерскую контору. Теперь надо разобраться в особенностях пребывания на онлайн площадке 1xbet официальный сайт регистрация . Порядок прохождения регистрации Производить ставки имеет право зарегистрированный пользователь (беттер). Известны различные варианты подготовки профиля: 1. через соцсети, потребуется всего лишь выбрать соответствующий вариант; 2. по э-мейл вне зависимости от платформы; 3. по телефонному номеру, на который будет прислано сообщение. Игрокам http://www.Zanele6@silvia.woodw.o.r.t.H@pickup-jp.com/cgi-bin/pickupbbs/yybbs.cgi?list=thread в личный аккаунт станет доступным сразу по окончании регистрации. Беттер получает право ставить на разные спортивные турниры, принимать участие в акциях и бонусах, осуществлять вывод денег и т.д. Вы сможете не просто следить за игрой выбранного состава игроков, но и при желании получать неплохие суммы денег. Нужно всего лишь выбрать мероприятие, которое пришлось по вкусу. Как видите, после регистрации разрешается воспользоваться многочисленными возможностями основного ресурса, которые предоставили администраторы. Разновидности ставок БК 1хбет https://ukads.net/user/profile/252615 В отличие от подобных контор 1Хбет насчитывает двенадцать вариантов операций. Одиночная ставка (ординар, одиночник) – сделка на отдельный результат спортивного события. Выигрыш рассчитывается при умножении коэффициента в десятичном формате на количество поставленных денег. То есть нет ничего сложного, если выбор сделан на этот вариант ставки. Экспресс – ставка сразу на 2 и более исходов, которые должны пройти. Экспресс «Стайер» имеет особенность: результаты и события можно добавлять в течение 2-х месяцев. Антиэкспресс содержит ряд исходов, обратный экспрессу по методу определения призовых денег. Такой вид прогноза признают как опытные игроки, так и новички. Система – сделка на все возможные варианты экспрессов определенной размерности из выбранного количества событий. Цепочка – комплект одинарных ставок. По ставке доверительного типа удастся вернуть долю финансов, которые находятся пока в истории. Это довольно привлекательное предложение, которое выбирают прошедшие регистрацию клиенты. Прогноз по купону определяет комбинацию из цифр и букв для подготовки заявки. Этим способом можно осуществить ставку , не внося средства на депозит. Лаки является сочетанием ординаров и абсолютно всех экспрессов, которые собраны из указанных спортивных событий. Патент действует по тому же алгоритму, что и лаки, но число событий ограничено 3-мя. Для чего необходимо заходить на зеркало БК 1Хбет не является легальной на территории РФ. Это сопряжено с тем, что контора не взимает проценты с прибылей клиентов. Для самих пользователей это существенный плюс, но на законодательном уровне названный момент признается не самым целесообразным. Разработчики не собираются что-либо изменять в проводимой политике. Как же быть в этом случае клиентам? На самом деле нет ничего проще. Нужно избежать блокирование официального веб-сайта, то есть зайти на актуальное зеркало портала. Копия можно представить как особый ресурс с точным интерфейсом сайта, без каких-либо ограничений, с воссозданием прежде внесенных данных. Разрешается зайти и спокойно воспользоваться имеющимися условиями, предложенными создателями. Такие зеркала используют общую с официальным сайтом 1xbet БД, поэтому зайти на ресурс удобно под своей учетной записью. Не забывайте, что интерфейс аналогичен официальному сайту букмекера. Перейти на аналог можно по адресу правила бк 1xbet. Помимо ставок на спорт в 1хбет игрокам предлагают тотализаторы, слоты, различные лотереи, нарды, игровые процессы в online и offline режимах. Можно сделать вывод, что у БК достаточное число событий, которые могут оказаться по вкусу клиетнам разных возрастов, пола. Нужно всего лишь зарегистрироваться по несложному алгоритму прямо сегодня. Вы сможете обнаружить, как интересно удастся провести досуг, имея ноутбук и подключение к сети Интернет.
2021-01-18 11:04:44.0
На нашем сайте больше про дешево купить ссылки, также информацию про насадка для полировки волос купить на алиэкспресс ссылки и про купить вечные ссылки на сайт. Наш сайт -- https://gleneden.on.ca/member/2690 или про купить ссылки хорошие
2021-01-18 05:07:18.0
В настоящее время основательно укрепила позиции мода на ЗОЖ. Граждане стремятся контролировать свой вес, заниматься спортом, правильно питаться и наблюдать за спортивными конкурсами, которые становятся широко известными в последнее время. дилемма в том, что у современного человека не хватает времени смотреть все матчи и игры своих фаворитов. Сейчас имеется около 200 спортивных мероприятий, по которым каждый день проводятся события различного значения: городские, краевые, федеральные и национальные. состязания транслируют ежеминутно. Как успеть насладиться любимым футбольным матчем, когда любимый бокс идет в то же время? Что делать,если гонки транслируют в тот час, когда я занят работой? На помощь спешат ресурсы, размещающие спортивные новости. тематический http://serpuhovsport.ru новостной портал это интернет площадка, на которой транслируются итоги минувших соревнований. Кроме того, с их помощью можно выяснить спортивные новости, любопытные подробности о любимых игроках, тайные детали конфиденциальной и профессиональной жизни определенных команд. Определенные ресурсы имеют собственный видеоплеер, так что вникать в тематический контент можно не отрываясь от экранов. Дайджест Порталов в интернете имеется более сотни и ежедневно появляются новые. Найти хороший и проверенный ресурс можно по нескольким критериям: Актуальность контента. Нужно проверить, насколько полезную материал публикуют администраторы. наполненность информацией. Ключевые рубрики должны быть оформлены легким и понятным языком. Наполнение. Есть ли у портала дополнительные функции? возможно просматривать материал в видео\аудио формате? Как расшерить материал друзьям без прямого варианта Ctrl+V. Технологичность. У платформы высокая скорость загрузки? Не виснет ли она в момент посещения? Обратная связь. как поговорить с модераторами и другими гостями. Кому задавать вопросы? Кроме того, качественный сайт включает в себя собственную редакцию. репортеры умеют привлекать и поддерживать внимание гостя. На такой площадке имеются общественные опросы, призы, конкурсы, рубрификаторы, контент от зрителей. стандартный портал перевоплощается в укомплектованную спортивную соцсеть, рассматривать которую интересно. Для примера, рассмотрите новостник спорт . Главным редактором платформы является знаменитый российский журналист Юрий Дудь. Компания размещает множество рекламных интеграций, платит зрителям за интересные новости, разрешает общаться на авторской площадке, похожей на классический twitter. Каждая инновация здесь обсуждается с гостями сайта и не принимается без их согласия. В общем, тема виртуального спортивного дайджеста в настоящее время очень востребована. Благодаря [хорошему ресурсу любитель спортивных мероприятий способен следить за состязаниями без ущерба для работы и домашней рутины. Такой портал заменяет собой просмотр двухчасового матча, сообщая конечный счет и в подробностях изображая самые острые и захватывающие мгновения игры.
2021-01-18 04:03:32.0
online gambling real money slots casino online casino for real money play slots best online casinos