ie11css3flex的简单介绍

我在做移动端时遇见的css问题

1、如果移动显示屏的分辨率始终是普通屏幕的2倍，1px的边框在devicePixelRatio=2的移动显示屏下会显示成2px，所以在高清瓶下看着1px总是感觉变胖了。

2、相对于小屏幕，为了适配大屏幕，我们的css代码通常要复杂一些，所以移动端优先的策略有利于精简代码。

3、如果用了 background-image，后面就只能放图片的url，不能加“no-repeat”；如果要加“no-repeat”，就要用 background，不能用 background-image。

4、而购买时我们所知的750px，则为屏幕的物理像素。CSS的问题有了上面第二点的一些基础，还是以iphone6为例，我们可以知道，其实我们所写的1px，在iphone6上为2px的物理像素。所以，最后的，给出一个结论。

5、移动端css问题，如图，为什么字号设置有效，显示出来就会变大？ 50 我来答 分享 微信扫一扫 新浪微博 QQ空间 举报 浏览44 次 可选中1个或多个下面的关键词，搜索相关资料。也可直接点“搜索资料”搜索整个问题。

6、主要运用在ie兼容性问题上的样式 CSS中zoom：1的作用 兼容IEIEIE8浏览器，经常会遇到一些问题，可以使用zoom：1来解决，有如下作用：触发IE浏览器的haslayout 解决ie下的浮动，margin重叠等一些问题。

相关问答

Q1: IE11浏览器对css3完全支持吗?比如box-flex怎么不识别

1、可以用，ie9以及以上浏览器都支持css3。ie9以下的浏览器会无视css3的样式。

2、这样问题就大了，如果只用宽度和高度，正常的浏览器里这两个值就不会变，如果只用min-width和min-height的话，IE下面根本等于没有设置宽度和高度。比如要设置背景图片，这个宽度是比较重要的。

3、CSS支持：CSS是用于控制网页样式的语言，不同浏览器对CSS的支持程度可能有所差异。IE11的CSS支持相对较弱，可能无法完全渲染网银页面中的某些样式，导致显示效果降低。

Q2: Win10系统IE11怎么设置兼容性视图【操作方法】

在Win10系统中打开IE11浏览器，点击右上角的工具兼容性视图设置；将该行网站添加到兼容性视图中的网站；最后关闭IE11浏览器，重新登入。

IE8，IE9，IE10，在地址栏右侧有个兼容性视图的图片，直接点亮即可打开兼容模式。 最新的IE11，兼容性视图的打开方法已经改变，具体操作如下。

首先，点开始菜单，然后找到windows附件里的IE浏览器，再点击打开。然后，点击笑脸旁边的设置图标。接着找到兼容性视图设置，最后添加想设置的网站，好了之后点关闭即可。

首先，在win10 IE11中打开要设为兼容性模式的网站，然后选择“工具”中的“兼容性设置”点击打开。然后，选择“兼容性视图设置”的窗口中找到“添加”选项，点击打开。

具体方法：打开IE浏览器，进入任意页面。点击“工具”选项，会跳出一个下拉菜单，选择“兼容性视图设置”选项。进入兼容性视图设置之后，填入你所需要设置兼容模式的网址，点击添加，最后点击关闭即可。

Q3: IE11浏览器对css3完全支持吗

1、不支持。目前没有浏览器支持 box-flex 属性。Firefox 支持替代的 -moz-box-flex 属性。Safari、Opera 以及 Chrome 支持替代的 -webkit-box-flex 属性。

2、Firefox 6+和chrome 0+ 以及safari 0+都支持这个CSS3属性，IE6/7/8/9都不支持（IE11又支持，不过很好的一点是在ie中给a加disabled 点击事件自动无效。），Opera在SVG中支持。

3、可以用，ie9以及以上浏览器都支持css3。ie9以下的浏览器会无视css3的样式。

4、它是想搞一套自己的标准，结果证明是失败的，因此IE（主要是指IE8-）不是标准浏览器，很多html5和css3的效果无法在IE中呈现出来。从IE9开始，微软也慢慢回到标准的轨道上来了，到了IE11就是完全的标准浏览器了。

Q4: 在css3中怎样使背景颜色缩放,而边框不动

可以通过cover和contain来对图片进行伸缩。

如果直接设置背景opacity值为0.8，会使文字的颜色发生改变。解决方法就是在设置背景色时使用rgba(red，green，blue，opacity)来对背景色进行设置，这样就可以单独的改变背景的透明度，而不会影响到里面的内容(包括文字和图片)。

首先，打开html编辑器，新建html文件，例如：index.html。在index.html中的标签中，输入css代码：body {background： url(image.jpg) no-repeat；background-size： 100%}。

Q5: cssflex属性怎么用

如果未使用好很可能会发生混乱。它没有Grid或Flex那样多的内置属性，所以也无法创建复杂的布局。如何选择？我认为最好的布局方法就是用最少的css代码来实现最复杂的布局。

当子元素设置固定宽度，如果整体宽度不足时，会把固定宽度给压缩，解决方法： 给固定宽度的元素添加flex-shrink：0。flex-shrink 指定了 flex 元素的收缩规则。

父级元素有display：box；属性之后。他的子元素里面加上box-flex属性。可以让子元素按照父元素的宽度进行一定比例的分占空间。

width： 50%；margin： 0 auto；} 使用text-align属性： 如果你想要对齐文本框内的文本，你可以使用CSS的text-align属性。例如，你可以将文本设置为居中对齐。

Internet Explorer 10可以使用-ms-flex-pack property属性来代替支持box-pack属性，Internet Explorer 10之前版本不支持该属性。Firefox内核浏览器可以通过私有属性-moz-box-pack属性来代替支持box-pack属性。

ie11css3flex的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于、ie11css3flex的信息别忘了在本站进行查找喔。