解决网页在手机端显示界面很小的问题

解决网页在手机端显示界面很小的问题

在使用Vue+mintUI写项目的时候发现在电脑上调试很好,但是到手机上就发现界面变得好小好小,于是Google了一些解决了该问题。

参考html网页兼容手机浏览器(解决显示页面很小的问题),添加一下代码到mata声明中即可。

引用自阮一峰老师的博客自适应网页设计中的话:

“自适应网页设计”到底是怎么做到的?其实并不难。首先,在网页代码的头部,加入一行viewport元标签。 viewport是网页默认的宽度和高度,上面这行代码的意思是,网页宽度默认等于屏幕宽度(width=device-width),原始缩放比例(initial-scale=1)为1.0,即网页初始大小占屏幕面积的100%。 所有主流浏览器都支持这个设置,包括IE9。对于那些老式浏览器(主要是IE6、7、8),需要使用css3-mediaqueries.js。

相关推荐

狼人杀刷金币教程
365bet投注网

狼人杀刷金币教程

📅 09-04 👁️ 4425
9個日本的傳統樂器跟傾聽音樂的地方
365bet投注网

9個日本的傳統樂器跟傾聽音樂的地方

📅 08-29 👁️ 5606
国际足联说“不”  爱尔兰22人出征世界杯
365bet投注网

国际足联说“不” 爱尔兰22人出征世界杯

📅 06-29 👁️ 9965
怎么设置来电手电筒闪烁
外围365bet网址

怎么设置来电手电筒闪烁

📅 06-29 👁️ 4187
平安宅e贷
外围365bet网址

平安宅e贷

📅 07-08 👁️ 9041
第一次很痛进不去怎么办
外围365bet网址

第一次很痛进不去怎么办

📅 08-15 👁️ 4518
桔速借推荐宜口袋:放款时间、下款攻略全知晓
365bet投注网

桔速借推荐宜口袋:放款时间、下款攻略全知晓

📅 07-01 👁️ 2514