1，设置min-width:320px, max-width:480px的时候，min-width 会重写最大宽度里设置的属性。
二，（1）在设置css的像素的时候，比如设置width:300px 如果用户进行缩放的时候，此时在手机上的设备像素是不等于30px的。如果是缩小了，css的像素是小于设备像素的，此时就会出现，一个设备像素会小于css像素，看图
（2）如果 使用 百分比的话，一般的设置的css像素 是比 设备像素稍微大一点，
（3）若给css加上<meta name = "viewport width= "device-width"> ,此时设备的足够小，足够窄的话，当前的页面大小（局部视图的宽度）会自动的适应设备的大小。文字显示正确。如图3
但是不使用meta标签，也不给视图加上宽度的话，视图会被挤压，文字显示的不清楚。如图2
图2
图三
总而言之，使用媒体查询，更能解决不同的手机的是配的问题。
1，设置min-width:320px, max-width:480px的时候，min-width 会重写最大宽...
适配 meta标签 什么是适配？为什么要做适配？ 适配：百分百还原设计图（等比）没有加viewport meta标...
移动端是怎么做适配的？ 1.meta viewport 2.媒体查询（media query）在link标签内使用...
1：使用meta标签调节浏览器的渲染方式（使用meta标签来强制IE8使用最新的内核渲染页面）
只有明白了viewport的概念以及弄清楚了跟viewport有关的meta标签的使用，才能更好地让我们的网页适配...
在head标签里添加如下meta标签 简单粗暴,或者可以设置user-scalable=no 另外适配手机屏幕可以...
虽然之前我有整理过一次meta 标签，但是心中对于meta 标签还是一知半解，所以再次对meta 标签进行整理，并...
一、http-equiv 1.Content-Type（内容类型） 告诉浏览器当前访问的资源类型 并声明编码 2....
参考文章:html meta标签使用总结
head标签 meta标签:单标签。 meta标签规范的是我们网页使用的字符集。 国际标准字库:utf-8，包含世...
本文标题：为何使用meta标签进行适配
本文链接：https://www.haomeiwen.com/subject/zkuhrxtx.html
网友评论