<img src="" wIDth="100" height="100" />
我现在面临的情况是,我在一个页面上有大量的图像,我更喜欢通过CSS设置维度,以便更容易控制和重复性更低的HTML代码:
.whatever img {wIDth: 100px; height: 100px;}
虽然这不是一个非常严重的问题,但我想知道在CSS中声明维度是否具有与在HTML中声明维度相同的好处,或者它是否应该直接用HTML完成?
任何见解都会受到欢迎.
谢谢
解决方法 我想如果样式表立即可用,图像尺寸将立即应用于布局,这是练习的重点.这个猜测得到了Google’s pagespeed rules的支持.他们似乎可以通过这种方式指定图像(强调我的):
总结Specifying a wIDth and height for all images allows for faster rendering by eliminating the need for unnecessary reflows and repaints.
When the browser lays out the page,it needs to be able to flow around replaceable elements such as images. It can begin to render a page even before images are downloaded,provIDed that it kNows the dimensions to wrap non-replaceable elements around. If no dimensions are specifIEd in the containing document,or if the dimensions specifIEd don’t match those of the actual images,the browser will require a reflow and repaint once the images are downloaded. To prevent reflows,specify the wIDth and height of all images,either in the HTML
<img>
tag,or in CSS.
以上是内存溢出为你收集整理的在HTML与CSS中指定图像尺寸以进行页面加载全部内容,希望文章能够帮你解决在HTML与CSS中指定图像尺寸以进行页面加载所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)