html5设置图片自适应屏幕宽度？

一、html5设置图片自适应屏幕宽度？

使用百分比，比如

这样就会保持屏幕的50%的宽度。

如果有上级标签，比如：

那图片大小就是div宽度的50%，div没有设置宽度就会默认是屏幕宽度，如果设置了宽度，就要注意

二、国内哪家网站支持html5？

HTML5是一种标准，跟落后无关。国内采用的少是考虑到没有实际意义。而国外采用也只是一种对新技术的尝试。HTML5也不是网站支持的，只是HTML5语言的新版本，支持在于浏览器。

三、html5网站建设，html5网站建设有什么好处？

html5在代码方面来说增加了很多功能，浏览器解析起来更直接更准确；html5在程序员方面来说使用起来更容易，有些复杂的效果可能一个标签就能解决；html5在网站方面来说更大气，看起来更高级，页面自适应更方便；html5在用户方面来说不需要建多个不同分辨率的网站，管理起来更简单也更省钱；html5在浏览者看来更能给人一种信任感，毕竟一个牛B的网站是实力的象征。

四、什么是html5网站？

HTML5（WEB前端）的技术组成

HTML5（WEB前端）技术由HTML（结构）、CSS（样式）、JavaScript（行为）组成。

如何理解结构、样式与行为

简单来说，HTML5（WEB前端）是“将设计图转换为用户查看的网页”所需要的技术。

结构实现的是网页中的标题、列表、图片等标签。

样式处理的是标题文字的字体大小、颜色，图片尺寸，某个标签的背景等。

行为可以实现网页中的时间，电商网站当中的倒计时效果，在注册表单时用户名是否重复的检测，网站当中顶部图片的切换特效等等。

简单的理解结构样式和行为：将网页看做一个装修好的功能完备的房子，那么结构实现的是房间以及家具的位置布局，样式则是针对房间进行装饰，行为是为房间添加“开门”等功能。

五、手机新做网站和PC网站自适应的区别？

采用制作技术不一样，手机端独立建站可以使用PHP+MySQL制作，也可以采用HTML5+CSS3制作； 但是PC网站自适应必须使用HTML5制作技术开发。

六、网站怎么做到自适应网页？

关于网站如何做到自适应网页，可根据如下操作： 首先，在网页代码的头部，加入一行viewport元标签。

七、Html5对网站优化有帮助吗？

HTML5主要提供的是一些新的标签，这些标签对网站的结构有了更加明确的含义。另外还提供了一些新的功能，比如可以插入音频、视频等。可以提高代码的可读性以及编写效率。但是和网站优化的关系似乎不是很大。网站的优化，主要还是考虑用户的需求，做好内容以及网站的结构规划，让用户认可站点。

八、目前国内有哪些网站已经支持html5？

目前可以肯定的就是淘宝网用了HTML5，下面是摘自淘宝网用户登录的HTML5代码：其中label标签的for属性就是HTML5新增的属性。它的作用就是当用户点击了label的文本时就触发该标签所绑定的元素。

九、HTML5网站优点和缺点有哪些？

HTML5优点与缺点

优点

1、网络标准统一、HTML5本身是由W3C推荐出来的。2、多设备、跨平台3、即时更新。4、提高可用性和改进用户的友好体验；5、有几个新的标签，这将有助于开发人员定义重要的内容；6、可以给站点带来更多的多媒体元素(视频和音频)；7、可以很好的替代Flash和Silverlight；8、涉及到网站的抓取和索引的时候，对于SEO很友好；9、被大量应用于移动应用程序和游戏。

缺点

a)、安全：像之前Firefox4的web socket和透明代理的实现存在严重的安全问题，同时web storage、web socket 这样的功能很容易被黑客利用，来盗取用户的信息和资料。b)、完善性：许多特性各浏览器的支持程度也不一样。c)、技术门槛：HTML5简化开发者工作的同时代表了有许多新的属性和API需要开发者学习，像web worker、web socket、web storage 等新特性，后台甚至浏览器原理的知识，机遇的同时也是巨大的挑战d)、性能：某些平台上的引擎问题导致HTML5性能低下。e)、浏览器兼容性：最大缺点，IE9以下浏览器几乎全军覆没。

十、自适应（响应式）网站怎么样？是不是忽悠？

这几年响应式网站已经成了主流，很多企业做网站首先就会考虑是否做响应式的。很多不是很懂这种类型网站人可能会问：什么是响应式(自适应)网站?为什么要做响应式网站呢?响应式网站与传统网站又有什么优势呢?

接下来，IT工作室创始人王晴儿根据多年的从业经验，跟大家谈谈关于响应式(自适应)网站建设那些事吧！

一、什么是响应式(自适应)网站?

响应式网站就是基于响应式设计的网站模板，同一个网站，同一个页面在PC、PAD、手机上自动适配，根据尺寸自动显示不同的界面。响应式的概念是美国的伊桑·马科特在2010年首先提出了响应式网页设计(RWD,Responsive Web Design)这个术语， 简而言之是指网页能自动识别屏幕宽度、并做出相应调整的网页设计，目的是为了再Pc端和移动设备提供更好的体验，并且整合从PC端到手机的各种屏幕尺寸和分辨率，用技术来使网页适应不同分辨率的屏幕。所以也叫做自适应网站。

二、响应式网站建设的好处?

1、网站具有唯一性

响应式网站都是根据企业需求量身定制的，在网络上是找不到重复网站的，所以具有唯一性，让用户不会产生审美疲劳。

2、网站框架合理，易于优化

模板建站的时候，很多用户单方面只顾创意，通常会忽略网站架构，导致后期优化困难。而定制网站有专门技术团队把关，在保证企业创意的同时会考虑后期优化，充分吸引目标客户进行消费。

3、网站可扩展性强

响应式网站建设是可以扩展的。模板网站的功能基本是固定的，升级也有一定难度。而定制网站要拓展功能则比较方便，只需找技术团队修改代码即可，快速满足企业业务需求。

4、能满足更多的系统功能

响应式网站能够满足更多的系统功能，比如餐饮网站，需要的是订座服务，普通网站不能满足，定制就能专门为你开发一个订座系统。

三、响应式网站建设与传统网站建设相比有哪些优势?

1、可以兼容所有设备

智能跨平台网站基于最前沿的HTML5技术，一次性解决手机和其他移动终端屏幕尺寸、屏幕分辨率不统一、浏览器分化三大移动终端适配难题，适配于全球超过5000种移动设备。

2、多终端视觉效果统一，操作体验一致

H5响应式网站可以自动侦测设备屏幕的大小，对网站的内容和布局自动调整，让网站在任何设备上都有让人赏心悦目的显示效果。

3、高端大气，用户体验好

响应式网页能打破手机端和电脑端的局限性，不用在不同设备切换就可以看到相同的布局，提高用户体验，深受企业青睐。目前微软、华为、苹果公司的官网已经率先启用响应式设计。

4、超高性价比，开发、运营、维护成本低

只需设计一个页面，您不用为不同的设备开发不同版本的网站或者APP，网站内容实时同步更新。降低网站开发成本的同时，还省去了大量后期维护的人力和时间成本。

总之响应式网站可以帮您实现一站多用想法，这种基于栅格布局和CSS3的流动性网页设计，可以让网页随着屏幕变化而响应，提高用户体验。一个数据库的管理，更是给网站管理者带来了更多的方便。是一种更为统一，更加全面的设计技巧，一种打破网页固有形态和限制的灵活设计方法。这也是为什么企业建站会选择响应式网站一个关键原因。

以上就是王晴儿整理和分享的文章内容，由于自己从事网站设计制作已经七八个年头了，所以自然深知企业网站建设对于互联网营销开展的重要性。既然您来到这里，看完了我分享的文章，那就是一种缘分，也是一种说不出的缘分。如果说得不好之处，欢迎各位拍砖与指正，有任何建站方面的问题，都可以与王晴儿一起交流探讨，虽然从业8年，但不忘初心，一直相信越努力越幸运这句话，而且我本人也喜欢结交各行各业的朋友，谢谢！

如果您还有兴趣的话，可以找找我之前写过的一篇文章《王晴儿：网站建设制作预算费用投入多少合适?公司做网站控制在多少钱合理？》，让您减少被建站外包公司忽悠70%的几率，可以让您对建站行业有个更加清晰的认识。

说点题外话，王晴儿分享和整理了一段最近的感悟，希望能让大家有所启发：人生不易。谁也不要去笑话谁。殊不知家家都有一本难念的经。人人都有难言的苦。互相尊重一点。彼此包容一点。互帮互助，度过难关。彼此支持，熬过难处。没有谁的人生都能一帆风顺。没有谁的人生都十全十美。是人，都有坎坷起伏。是家，都有艰难困苦。无论你过的多好，都不要去为难别人。不管自己过的多难，都不要去算计别人。为人善者，上天眷顾。谅人难处，必受尊重。

当然您觉得文章有价值、或关注分享感谢什么的，也顺手点个赞哈——以文章价值为桥梁，「点赞」：使「您的价值」得以延伸并持续留香……