前端学习

Posted 2020-08-11 securitybob

手机端适配：

<meta name="format-detection" content="telephone=no">

当html网页在手机端呈现的时候，禁止对电话号码点击拨号。

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

 

响应式的两个界限值：

1. PC端变pad端，一般都是网页的版心宽度。

2. pad端变手机端。通常在620px左右，但是需要根据项目实际需要。

 

 

可以设置盒子的最小高和最大高

min-height:

max-height:

 

当height小于等于max-height，并且height大于等于min-height的时候，height起作用。

如果height大于max-width，那么盒子的高度为max-height；

如果height小于min-height，那么盒子的高度为min-height。

 

 

可以设置盒子的最小宽和最大宽

min-width:

max-width:

 

当width小于等于max-width，并且width大于等于min-width的时候，width起作用。

如果width大于max-width，那么盒子的宽度为max-width；

如果width小于min-width，那么盒子的宽度为min-width。

 

 

做手机图片的时候，经常做成2倍大小的，这样的话，在手机上显示得更高清。我们在做手机网站的时候，需要把这个图片先缩放到需要的大小，用于测量，网络上使用2倍大小的图片。