导航:首页 > 万维百科 > 网页设计师用什么浏览器

网页设计师用什么浏览器

发布时间:2020-12-25 07:32:43

1、网页设计中如何解决浏览器兼容问题?

1. 目标不居中;
一般新手都爱出现这个问题,主要原因是对盒子模型不够理解,如果发现你的页面没有居中,基本上有两种情况:
a. 如果是在浏览器中没有居中,就是没盒子,就是要用一个大DIV把所有需要居中元素装起来,然后给盒子一个css样式margin:0 auto;
b. 如果想要盒子内的元素居中,必须定义盒子的绝对宽度,然后给盒子一个CSS样式text-align:center;

2. 目标在不同浏览器上的位置不同;
a. 首先不要去急着找hack,先看一下自己的代码有没有错误,DW里有一个“检查浏览器兼容性”功能特别实用;
b. 然后,尽量让目标的位置初始化,使之在所有浏览器都处在同一个位置,这个条件的前提是,不写hack,最后再一个方位一个方位调整。

3. 目标与目标之间距离在各个浏览器上的区别;
a. 给其中一个目标加背景颜色;
b. 观察背景色与另外一个目标的距离,查看是不是这个目标造成的距离问题
c. 如果不是上一个目标,那就给另外一个目标也加上背景颜色。
d. 这样很容易判断出那个目标造成的原因,就针对那个目标进行修改。

4. IE6兼容问题最多的一个,浮动问题。
a. flaot浮动造成IE6下面双倍边距问题,这个最常见,也最好处理,解决方法:
只需要给这个DIV加一个样式:display:inline;
b. 布局的时候经常会遇到这种情况:发现有一个DIV浮动了,接下来的一个DIV本来是要在下面显示的,结果跑上面去了,这种情况一般在FF下面会出现。
解决的办法:清除浮动,在设置过浮动的那个DIV下面加一个DIV,给个样式clear:both;如下
<div style="float:left;height:100px; width:500px;"> <div style="clear:both;"> <div style="height:100px; width=300px">

5. IE8兼容问题
ie8下兼容问题,这个最好处理,转化成ie7兼容就可以。在头部加如下一段代码,然后只要在IE7下兼容了,IE8下面也就兼容了 <meta http-equiv="x-ua-compatible" content="ie=7" />

6. 背景兼容问题
有的时候明明给一个DIV加了背景颜色或背景图片,但是却显示不出来或者显示不全。
解决办法:首先,有可能是DIV没有设置绝对高度。如果设置了宽度和高度还没有效果,那么给DIV一个样式display:block;(通常a:hover加背景的时候经常遇到)。
另外,如果高度必须要设置成自动的话,那么就给DIV一个样式overflow:hidden;

7. IE7和Firefox兼容问题
很多朋友DIV+CSS的时候,会出现,在IE的几个浏览器下都好使,就是FF下有问题。
解决方法:height:100px;/*FF下显示100的高*/ +height:120px;/*IE678下显示120高*/
原理:FF不识别加过符号的属性,而IE识别。

2、网页设计中如何解决浏览器兼容问题

为了能让网站设计正常的运行于各种浏览器平台,网站设计师们不得不想尽办法处理好网站建设中的浏览器兼容问题。正是因为网站设计当中的这一需要产生了一项新技术— CSS Hack。 CSS Hack 就是针对不同浏览器写出不同的 CSS code 的过程,主要用来解决目前各类浏览器无法标准解析CSS样式,导致同一网站设计页面在不同浏览器下出现显示效果不一致的兼容问题。 针对不同浏览器,可以将CSS Hack 网站设计代码整理如下:
1、针对I E 系列浏览器的网站设计代码 针对 IE 6 的专属 CSS Hack 网站设计代码 #id{ _display: block; } 也就是在网站设计CSS属性前加一个小划线就好。 针对 IE 7 的专属 CSS Hack 网站设计代码 #id{ *display: block; } 即在网站设计CSS属性前加上一个星号即可 针对 IE 8 的专属 CSS Hack 网站设计代码 #id{ margin-top: 10px 9; /*IE8*/ } 如上所示,解决办法为在网站设计CSS属性后分号前加上空格与斜线并加入一个数字9即可 。
2、针对火狐的CSS Hack 网站设计代码 火狐可谓是最标准的浏览器之一了,网站设计技术只要稍稍不到位就能体现得淋漓尽致,所以不少网站设计师也很头痛,其实想要解决火狐的兼容性除了要把网站设计的基础知识扎牢之外只要将CSS代码写入到下图 @-moz-document url-prefix(){ } 里面就行了 @-moz-document url-prefix() { #id{ display: block; } } 。
3、针对 Safari 的CSS Hack 网站设计代码 Safari是苹果计算机的最新作业系统Mac OS X中新的浏览器,用来取代之前的Internet Explorer for Mac,使用了KDE的KHTML作为浏览器的运算核心。 @media screen and (-webkit-min-device-pixel-ratio:0) { #id { display: block; } } 兼容性做法和火狐相近。
4、针对 Opera 的CSS Hack 网站设计代码 Opera即Opera Software ASA,是台式机、各种设备和移动网络浏览器市场的商业领袖,因快速、小巧和比其他浏览器更佳的标准兼容性获得了国际上的最终用户和业界媒体的承认,并在网上受到很多人的推崇。 @media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) { head~body #id { display: block; } } 这个世界上必然不会存在绝对完美的事物,因此运用以上方法让我们的网站设计更好的与各种浏览器兼容的时候其实已经违反了网站制作的W3C标准。

3、做网页设计都要用到些什么浏览器和什么设计软件啊?

Dreamweaver,Fireworks,Flash 最好你能看懂js那就好说了来个ie组合环境在弄个ff就ok

4、做网页设计的,请问一下哪个浏览器比较好用呢??用uc浏览器好吗?

火狐浏览器,兼容性非常好,其firebug插件对网页开发人员来说非常好用,能极大方便的解决网页开发中的很多问题
而IE浏览器的兼容性非常不好,对网页开发人员是一件非常头疼的事

5、网页浏览器设计成什么图标比较好

解决方法:
1、打开注册表:运行—> 输入regedit—> 打开HKEY_CLASSES_ROOT—>
2、找到.htm和.html—> 双击右边的“默认”,确认其数值数据为 htmlfile
3、找到 htmlfile\ShellEx\IconHandler—>双击右边的“默认”,确认其数值数据为 {42042206-2D85-11D3-8CFF-005004838597}
4、找到 CLSID\{42042206-2D85-11D3-8CFF-005004838597}\Old Icon\htmlfile\DefaultIcon —>双击右边的“默认”,确认其数值数据为 C:\Program Files\internet explorer\IEXPLORE.EXE,1 (注:C 改为你的系统所在的盘符)
5、修改完这些后,刷新文件夹,看看图标是否正常,如果还没正常的话,就先把.htm或.html的文件扩展名改为.exe,然后在改回.htm或.html
通过这五个步骤,基本上能解决问题了。

6、做网页设计的,请问一下哪个浏览器比较好用呢?

?

7、请问下,网页设计时,如何处理不同的浏览器

基本上所有浏览器都可以 除了特殊的网页 不过特殊的网页一般有特殊作用

普通网页不用考虑这些问题

网页对浏览器的兼容是编写浏览器程序的人需要考虑的

编写网页只是要求语法格式正确无错基本上就可以

8、网页设计中浏览器间不兼容问题如何解决,国内主流的浏览器有那几个啊?

最多的还抄是IE,单说兼容性最袭差的IE6.0占据了全世界IE市场的35%.
国内网页的不兼容主要祸起IE6.0。其他的内核forefox的“变色龙”内核
苹果浏览器和chrome使用webkit内核。搜狗和360极速版也是webkit的内核。
360普通版是IE内核,至于他表现得更像IE6,还是兼容性好那么一些的IE8就
要看用户机器上安装的是IE6/IE8了。
傲游2.X使用IE内核。3.X使用webkit内核。
腾讯也一样4.X用IE内核。5.X 开始用webkit内核了。
operal使用的自己内核,但是是非主流的市场在国内百分之1-2.
webkit和firefox的内核兼容性非常好,同样的内容表现一致,偶尔会有
很小很小细节的差别。
说起兼容性如何解绝。这需要经验遇到不兼容就用一些技巧上的变化。
如果你没什么经验的话我就建议你设计好网页之后至少在IE 6,IE8和firefox下测试。
firefox之所以要测试是因为他占据了市场的第二
遇到问题上网查,请教啊什么的。
最后练习+动脑。经过一段时间的积累你就会对浏览器之间的差别掌握个7-8分了。
祝你好运

9、响应式网页设计的应用到浏览器

1. 测试主流表格因素和浏览器
如今客户不仅仅使用iPhone和笔记本,而且使用iMac的27英寸显示器,10英寸的Kindle和很多平板设备。这些设备可能会使用不同的浏览器,并且每种表格因素和浏览器的组合都可能导致不同的页面渲染。并且这些行为可能在每个版本上都不太一样。
好消息是浏览器是免费的。如果你使用Windows平台,可以很容易地安装主流浏览器—Internet Explorer、Chrome、Firefox—然后可以使用免费工具,比如Browsershots,或者付费工具,比如CrossBrowserTesting,来检查网页在Safari上的外观。如果你使用的是Mac,可以安装除了Internet Explorer(IE)之外的所有浏览器 -- 但是可以从Modern.ie上下载IE特定的虚拟机,从而轻松得到几乎所有版本的IE。
这时,“测试”工作主要是去查看网页是否渲染正确,浏览所有的可选项,验证动态内容是否能正常加载,看上去是否奇怪,并且执行并验证程序主逻辑。如果是房屋抵押应用程序,那么就去尝试新建一个抵押。如果是文字处理程序,就尝试创建一个文档——并且在测试过程中检查用户界面。
我们也提到了平台。需要找出软件主要的使用者是谁。对于内部软件,用户很可能会使用笔记本,手机(Android和iOS),或者平板。建议购买每种主要类型的机器作为测试机型,这些费用相比整体开发成本而言应该非常小。当测试团队等待所需的特定移动设备时,开发团队很可能愿意分享他们的手机和平板。
最后,考虑是否需要支持旧的浏览器,可能是为了公司客户,并且在这些设备上做程序主逻辑测试。
在此期间,可能会发现可用性问题,第一个图片显示的地方不合适,或者页面“感觉”很奇怪。将这些发现分享给团队。这可能不是个bug,但也可能是。
2. 改变浏览器大小
基于“响应式内容”的本质,页面应该在任何合理屏幕大小的设备上看上去都很舒服,从300*300的手机到2550*1600像素的显示器。最快最方便的评估响应式功能的方式是大幅改变浏览器的大小,检查显示情况。
对于这类测试不需要任何搭建时间。只需要打开网页,点击浏览器的右上角,拖拽到所需的大小。文本是否在你认为应该在的位置,是否仍然可读?图像是否能合理伸缩?控件是否还在页面上——按钮,文本输入框,日期控件和其他的——是否仍然可用?它们有没有遮盖掉其他重要的内容?
危险之处是你发现了一个bug,可能很难重现,产品经理会说“没有人会这么快地改变浏览器尺寸,把它拖拽到整个显示器上,如果他们真这么做了,那么应该告诉他们不要这么做。”你可能会发现一堆bug,却无法说服开发人员修复它们。记住:说不定就有一种平板设备有这样的屏幕分辨率。
最新的IE和Chrome版本有工具可以帮助调整浏览器尺寸到需要的合适大小,比如移动手机或者平板。如果你在快速改变浏览器大小时发现了一个很难重现的bug,但是可以在一些拥有正常大小的设备上重现这个问题,那么你可能就有了需要修复这个问题的有力根据。
3. 移动设备和旋转
移动设备使得响应式网页设计变得如此重要。移动设备也给响应性带来了一个新的要求:旋转。这些小型设备会跟着主人去任何地方。这些设备也可以随意旋转,从纵向到横向再转回来。这似乎和改变大小很类似。但是实际上设备的每次旋转之后,网页都需要重新渲染。
一些应用在改变大小时可能会改变自身行为 -- 比如,iOS7的计算器,在IPhone4的纵向模式下会隐藏科学计算选项。
4. 响应式检查
响应式检查点的所有描述在网上都可以找到。其中的一些很简单,告诉你在不同的浏览器尺寸下网页看上去的样子。更多复杂的选项,比如BrowserStack,模拟一系列可能的屏幕尺寸和横向纵向模式切换能力的组合。这样的可配置性和模拟尺寸交互的组合可以帮助创建强大的响应式测试环境。
这是ami.responsivedesign.is上的简单图片,以某个真实网页的URL为输入,将其在五种不同的设备上加以渲染。ami.responsivedesign.is网页不是将其当做静态图片加以渲染,图片上的滚动栏可以上下滚动。

与网页设计师用什么浏览器相关的知识