html页面 在ie 浏览器下页面显示变形

最新推荐文章于 2021-11-18 09:17:42 发布
最新推荐文章于 2021-11-18 09:17:42 发布
阅读量8.3k 收藏 3
点赞数 3
分类专栏： web前端 css/html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/honglei_zh/article/details/41317097
版权

当遇到在别的浏览器下显示正常，但在ie 下页面变形，style 样式规则都已经写好的情况下。

这时造成这种情况可能是 html 页面头部指定的规则引起的

如果默认的可能是：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

只需要改成

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

告诉浏览器 本页面 使用哪种标准和规范解析。是否满足w3c标准。

现在显示可能就正常了。

李古拉雷
关注
  • 3
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
html变形(包含旋转和斜切,transform旋转，平移，缩放，扭曲 斜切
weixin_42509815的博客
06-29 2548
transform 改变rotate 旋转translate 位移scale 缩放skew 斜切变形记得兼容性：-webkit--moz--ms--o-transform: rotate(Xdeg,Ydeg);deg 表示角度 X轴正半轴为0deg，顺时针旋转值越来越大。transform-origin( X ,Y ); 设置对象旋转的中心点，如果没设置该值，默认transform-orig...
HTML盒子的变形
09-13
盒子的变形，位移、沿Z轴旋转360度、缩放、斜切。仅供参考！谢谢
详解CSS-08-变形
东东爱编码博客
05-10 250
文章目录一、2D变形1. 旋转变形2. 缩放变形3. 斜切变形4. 位移变形二、3D变形1. 3D旋转2. 空间移动3. 制作一个正方体 一、2D变形 1. 旋转变形 transform属性的rotate()： 将transform属性的值设置为rotate()，即可实现旋转变形。 若角度为正，则顺时针方向旋转，否则逆时针方向旋转。 transform-origin属性： 可以使用transform-origin属性设置自己的自定义变换原点。 /* 以左上角为中心点进行旋转 */ tran
html变形(包含旋转和斜切,PS的斜切、透视、扭曲、变形、旋转等工具如何使用?...
weixin_36035610的博客
06-29 478
PS的斜切、透视、扭曲、变形、旋转等工具如何使用?本文中小编为大家带来的是Photoshop变形工具的使用方法，需要的朋友不要错过哦！PS的变形工具包括缩放、旋转、斜切、透视、扭曲、变形。首先针对选区使用快捷键Ctrl+T即可进入对该选取进行变形的状态。在编辑→变换→(子栏)中即可以找到变形工具各选项，或者右键点击鼠标亦可。缩放工具使用最为简便，只要选择缩放工具，一直按住鼠标左键并移动鼠标即可对选...
HTML/CSS 变形（盒子水平垂直居中）、过渡、动画 （学习整理）
Eliauk的博客
08-29 580
变形 transform:scale(*) >1放大 0-1缩小 <1基于中心点对称 transform:rotate(？deg) deg(度数） 正值-顺时针旋转 负值-逆时针旋转 transform:skew(？deg) 扭曲效果 transform:translate(？，？) 平移 第一个值为x轴平移距离第二个值为y轴平移距离 使用translate让盒子水平垂直居中 <style> .fa
在Vue项目中,防止页面被缩放和放大示例
10-16
`viewport`是网页在移动设备上可视区域的大小，它允许开发者控制页面的宽度、初始缩放比例以及用户是否能够缩放。在Vue的项目中，通常在`public/index.html`文件的`<head>`标签内会包含以下`<meta>`标签： ```html ...
HTML5&CSS3网页制作：认识transform.pptx
05-31
在HTML5和CSS3的网页制作中，`transform`属性是一个至关重要的工具，它极大地丰富了网页动态效果的实现方式。在没有CSS3之前，要创建复杂的变形效果，通常需要依赖于图片、Flash动画或者JavaScript脚本。然而，随着...
jquery实现图片等比例缩放以及max-width在ie中不兼容解决
12-01
在网页开发中，图片的等比例缩放是一个常见的需求，主要目的是确保图片在不同尺寸的屏幕上保持其原始比例，避免因尺寸变化导致变形。在不同的浏览器中，尤其是老版本的Internet Explorer（如IE6），可能会存在兼容性...
百度变形金刚JS特效.zip
05-27
百度知道搜索结果的变形金刚JS特效，浏览器必须在IE8 或者Firefox、Chrome内核才能见到效果。 今日，备受关注的《变形金刚3》在中国首映了，大部分使用百度知道产品的人都会发现在百度知道检索“变形金刚”或...
HTML5 SVG混合图标动画特效插件
12-12
Raphaël.js是一个JavaScript库，专门用于在SVG和VML（Vector Markup Language）之间提供跨浏览器的矢量图形支持，尤其在老旧的IE浏览器上。 Hybicon利用这两者的优势，通过合成两个SVG图标来实现独特的动画效果。...
页面在360浏览器下显示不正常的兼容性问题
12-13
引言： 在Web应用的开发过程中，发现若干页面在360的浏览器上显示不正常，而在其他的浏览器上，皆为正常状态，问题出在哪里呢？ 问题的提出： Web页面在360的浏览器上，显示不正确。 但是在Firefox、chrome和IE8+以上的浏览器上，都是显示正常的。 问题的分析 1. 检查了一些Javascript框架，标准的jquery类库1.x系列，确认其工作正常，问题不是在于Javascript方面。 2. 排查掉HTML标签内容的显示 问题。 3. 怀疑是CSS在不同浏览器下的兼容性问题，见过排查，没有发现问题。 4. 排查360浏览器，发现其在当前页面的显示中，默认使用了I
HTML入门（2D变形与完全居中）————DAY6
详情请看注释
10-17 164
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...
让IE下压缩变形有图片变得更清晰
weixin_30267785的博客
05-14 130
img { -ms-interpolation-mode: bicubic; } 转载于:https://www.cnblogs.com/cly84920/archive/2010/05/14/4426784.html
IE浏览器版本关于弹窗按钮变形的问题
qq_35807697的博客
07-13 382
问题分析 在一次完成需求的时候，测试测出弹窗按钮在点开时候变形。由于我开发的时候用的IE版本是11，测试用的是IE8导致我这边可以他那边不行。然后我就换了一下IE9的试试发现弹窗按钮还是变形。我用IE11的兼容IE8的发现还是没有问题，发现可能是版本高忽略了一下样式设置的问题。 变形的图片示例 完好的图片示例 问题解决 由于对那个样式影响不好判断，所以我针对页面可能影响这
IE下页面样式错乱，其他浏览器正常
aspnetjp的专栏
03-28 7218
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />隐藏<!DOCTYPE HTML>标签
html3d变形,深入理解CSS变形transform(3d) - 小火柴的蓝色理想
weixin_28689507的博客
06-18 522
前面的话本文将详细介绍关于transform变形3D的内容，但需以了解transform变形2D为基础。3D变形涉及的属性主要是transform-origin、transform、transform-style、perspective、perspective-origin、backface-visibility坐标轴在了解透视之前，首先要先了解坐标轴。3D变形与2D变形最大的不同就在于其参考的坐...
前端-html，css，transform变形
敦煌壁画的博客
11-18 125
transform变形 1.什么是变形 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-DnaEKgwq-1637198238631)(C:\Users\EDZ\Desktop\HTML&CSS基础\day15\课件\image\14-1.png)] 2.2D变换transform 2d转换是改变标签在2维平面上的位置和形状的一种技术 2.1 2维坐标系 2维坐标系其实就是指布局的时候的坐标系 2.2 2D移动 translate 2d移动是2d转换里面的一种功能，可
html5第八课时，变形效果
甲戌天火的博客
05-13 366
html> html> head lang="en"> meta charset="UTF-8"> title>变形效果title> style> img{ /*transform: translate(500px,100px); /!*以左上角为中心点，向右和向下移动*!/*/ /*t
IE6、IE7、IE8样式不兼容问题
jimmy609的专栏
05-30 4245
因为IE6和IE7、IE8内核不同，所以IE下页面正常，在IE7或IE8下面却出现错位，解决这个问题最直接的办法就是在每个页面的标签里加上     这样就可以强制IE以IE7的版本来浏览网页，即使是在IE8下面。   当然之所以IE6下正常，IE7、IE8下出现错位，是因为IE6采用的内核默认把DIV之间的距离增加了3~5个PX，所以，试试是将下移的DIV的STYLE里增加"marg
紫金桥实时数据库在IE页面中的集成方案
"本文档介绍了如何在IE页面中调用实时数据库画面组件，特别是使用紫金桥实时数据库的ActiveX技术来实现Web页面与数据库的交互。文档提出了三种集成方式，包括直接链接、Frame框架以及iFrame框架，并提供了具体实现...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值