css 兼容性控制min-width与js宽度对应

最新推荐文章于 2022-07-29 10:19:21 发布
最新推荐文章于 2022-07-29 10:19:21 发布
阅读量442 收藏
点赞数
分类专栏： 前端开发基础概念
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Xu_cipu/article/details/103636354
版权

记一个坑···

当用css控制显示，运用到min-width等控制时，若js也想在相同的宽度值时进行一些相应的操作，那么，必须要使用window.innerWidth这一属性值！！！
其他值的大小都和min-width的值不一样，会导致样式不匹配

Huijie Xu
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
浏览器兼容性经典问题（三） IE6 不支持min-width属性
speed_feng的专栏
11-22 2210
问题描述：      min-width的使用在流式布局（fluid layout）中是非常常见的，当用户在改变窗口大小的时候，网页内容会随之移动，直到窗口的大小确定位置。这个时候，min-属性变起作用了。可以通过限制min-属性，让页面产生滚动条，进而控制网页内容的位置。         但是非常遗憾的是，在IE6中，并不支持min-属性，需要通过一些特定的办法去解决这个问题。
当遇到不能用框架做响应式布局怎么办，，响应式布局的动态检测，js判断，媒体查询与 min-width，max-width的 结合使用，大杂烩。。。
haxHeMeng的博客
04-11 376
前言: 说来惭愧，响应式布局我一直知道，也写过，但是你懂得，肯定都是套框架居多（大神等无视），，Bootstrap, 其余的针对vue的element-ui,react中的 ant-design，哈哈，基本都大同小异，虽然我响应式布局弄得很少倒是真的，但不是换工作了吗，做项目然后就上来遇到了一个响应式开发的需求。 问题 但坑爹的是，发现不能直接套框架，因为他这个页面里面的div都是不固定的，变化的...
兼容IE的最小最大高度CSS写法
10-25
兼容IE的最小最大高度CSS写法
DIV+CSS兼容解决DIV最大宽度和最小宽度问题
weixin_33958366的博客
09-19 240
在制作网页中，我们经常会碰到min/max-width,min/max-height在IE6底下是无效的，这也是web设计师最头疼的问题之一，以下的方法可以解决这些难题，并且比较简约。当然，如果你还有更好的方法，希望能在主页留言给我： <div style="max-width:250px;">这段文字内容,ax /min 在ie7 + 和firfox,safari,ope...
min-width在ie的js实现
liangguangzhi的专栏
03-26 515
width:expression(document.body.clientWidth不过好像浏览器会死掉
css按钮居中_Web 技术：CSS最小和最大(宽度/高度)知识点及优缺点
weixin_39979245的博客
11-21 283
通常，我们希望限制元素相对于其父元素的宽度，同时使其具有动态性。因此，有一个基础宽度或高度的能力，使其扩展的基础上，可用的空间。比如说，我们有一个按钮，它的宽度应该是最小的，不应该低于它的宽度。这就是最大和最小属性变得方便的地方。在本文中，我们将详细介绍CSS的最大和最小宽度和高度属性，并使用可能的用例和技巧详细解释每一个属性。width 属性首先要讨论的是与宽度相关的属性。我们有min...
CSS属性探秘系列(五)：min-width
12-13
相关属性还包括`max-width`和`min-height`，它们与`min-width`类似，分别控制元素的最大宽度和最小高度。在设计响应式布局时，这些属性的灵活运用能够实现更为精确的尺寸控制，使得网页在不同设备和屏幕尺寸下都能...
兼容IE6、IE7的min-width、max-width写法
09-24
在网页设计中，`min-width` 和 `max-width` 是两个非常重要的CSS属性，它们用于定义元素的最小和最大宽度，以确保元素在不同屏幕尺寸和设备上保持良好的布局和可读性。然而，这两个属性在早期的Internet Explorer...
让IE6支持min-width最小宽度
10-30
标题中的“让IE6支持min-width最小宽度”指的是在Internet Explorer 6（简称IE6）浏览器中实现CSS的`min-width`属性。`min-width`属性允许开发者设置一个元素的最小宽度，确保它不会在屏幕或窗口尺寸缩小到一定程度...
让IE6支持兼容min-width、max-width CSS样式属性的方法
09-24
在CSS布局设计中，`min-width` 和 `max-width` 是两个非常重要的样式属性，它们允许我们设置元素的最小和最大宽度，以确保在不同屏幕尺寸和设备上保持良好的响应性和可读性。然而，IE6（Internet Explorer 6）浏览器...
min-height和min-width两个最小高度和最小宽度兼容多浏览器版本
09-25
在网页布局设计中，`min-height` 和 `min-width` 是两个非常重要的CSS属性，用于定义元素的最小高度和最小宽度。这两个属性允许我们在页面设计时确保元素至少占用一定的空间，即使内容较少，也能保持一定的视觉效果...
HTML和CSS简单整理
chengyou_的博客
05-26 1088
前言：hello 家人们，本文章用于自己整理笔记使用，逻辑会有点混乱，不建议小白入手从上往下查看，有什么指导欢迎评论区畅聊 (｡･∀･)ﾉﾞ 基本结构 结构 – html 表现 – css 行为 – js CSS 层叠样式表 英文全名：cascading style sheets WEB标准中的表现标准语言,表现标准语言在网页中主要对网页信息的显示进行控制，简单说就是如何修饰网页信息的显示样式。 引入CSS 两种方式： 第一种： <link rel="stylesheet" type=".
在table设置max-width以及min-width兼容问题和解决方案
热门推荐
icesschen的博客
09-05 1万+
在table中设置min-width和max-width属性 12/tr>table{min-width:60%;min-width:100%;}但是chrome不兼容max-width，ie7两者都不兼容。解决方案：在table外层包一个div，在div上设置min-width和max-width 12/tr> .table-wrap{width:500px;min-width:60%;mi
关于ie不支持min-width和min-height问题
iteye_13088的博客
08-13 816
ie把正常的width和height当作有min-width和min-heigh来使。 为了让这一命令在IE上也能用，可以把一个 放到 标签下，然后为div指定一个类, 然后CSS这样设计： #container{ min-width: 600px; width:e-xpression(document.body.clientWidth < 600? "600px": "auto" );}...
CSS3学习笔记
最新发布
橘颂的博客
07-29 819
学习笔记
关于 uni-app中使用 min-width,max-width 的问题
King Saj
10-25 2429
项目中遇到要解决,图片对不齐问题! 红框里的图片纵向,排列并没有对齐,经排查发现每个图片大小都不一样 将固定的 width = ‘100px’ 属性, 换成min-width=‘100px max-width=‘100px’’ 就解决了 图片排列不齐的问题了 ...
css之top,right,bottom,left
liyidong2014的博客
10-11 1173
在控制盒子模型大小、方位时最常用的莫过于这四个方向：上，右，底，左。鉴于css规定一群操蛋的赋值方法，在此以博客记录一下，以免一忘再忘^_^ 以margin为例： 元素名称{margin:n个值} n为4：依次顺序为top   right   bottom   left n为3：top   left and right   bottom n为2：top and bottom   left
解决IE浏览器与min-width/min-height兼容问题
本文主要探讨了在Web开发中，尤其是针对IE浏览器时遇到的一些关于宽度、高度、浮动以及布局的兼容...处理IE与宽度、高度和布局相关的兼容问题需要深入理解CSS特性和浏览器差异，并灵活运用技巧来实现跨浏览器的兼容性。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值