八, VueのSteampy市场项目笔记

在做Steampy市场（https://steampy.com）项目，作为新手小白，笔记方便查询

1. 移动端页面设置width:100%, 撑满屏幕宽高 超出屏幕边界问题解决

一)，如果没有进行移动端适配

在html头部添加：

<meta name="viewport" content="width=device-width,initial-scale=1.0, user-scalable=no">

二)，检查布局设置宽度是否超过100%，超过的进行处理，没有超过的，添加如下：

width: calc(100%);
height: auto;
overflow: hidden;
注意：采用overflow:hidden, 超出部分自定隐藏处理

三)，文字只显示一行，多余显示省略号

.text{
  /**
	思路：
	1.设置inline-block属相
	2.强制不换行
	3.固定高度
	4.隐藏超出部分
	5.显示“……”
  */
  display: inline-block;
  white-space: nowrap; 
  width: 100%; 
  overflow: hidden;
  text-overflow:ellipsis;
}