aboutsummaryrefslogtreecommitdiff
path: root/files/zh-cn/web/progressive_web_apps/responsive
diff options
context:
space:
mode:
authorPeter Bengtsson <mail@peterbe.com>2021-08-02 10:31:29 -0400
committerIrvin <irvinfly@gmail.com>2021-08-04 01:30:29 +0800
commitd4b97cd8ba7c9b71d5e3ccb119103047da3b44a8 (patch)
treef8ea6bd0389fecc2c53d179b28dbd848a1dc421f /files/zh-cn/web/progressive_web_apps/responsive
parent9ea776df4726b50ce1b83e7ef8da6b20aeeece73 (diff)
downloadtranslated-content-d4b97cd8ba7c9b71d5e3ccb119103047da3b44a8.tar.gz
translated-content-d4b97cd8ba7c9b71d5e3ccb119103047da3b44a8.tar.bz2
translated-content-d4b97cd8ba7c9b71d5e3ccb119103047da3b44a8.zip
remove link 'title' attributes that's just the 'href' (zh-cn, part 6)
Diffstat (limited to 'files/zh-cn/web/progressive_web_apps/responsive')
-rw-r--r--files/zh-cn/web/progressive_web_apps/responsive/responsive_design_building_blocks/index.html2
1 files changed, 1 insertions, 1 deletions
diff --git a/files/zh-cn/web/progressive_web_apps/responsive/responsive_design_building_blocks/index.html b/files/zh-cn/web/progressive_web_apps/responsive/responsive_design_building_blocks/index.html
index 37d5126d13..21c5748ffd 100644
--- a/files/zh-cn/web/progressive_web_apps/responsive/responsive_design_building_blocks/index.html
+++ b/files/zh-cn/web/progressive_web_apps/responsive/responsive_design_building_blocks/index.html
@@ -388,7 +388,7 @@ x-card:nth-child(3) {
<h3 id="&lt;img>">&lt;img&gt;</h3>
-<p>HTML images are a more difficult proposition. There is no mechanism inherent in HTML images for serving different image files dependent on viewport size, and, due to a number of irksome browser behavior realities, solutions are more difficult to hack together than you would imagine. There are currently some standards proposals in the works that would provide this — the W3C <a href="http://www.w3.org/community/respimg/" title="http://www.w3.org/community/respimg/">responsive images community group</a> discussed this problem for ages and arrived at the <a href="http://www.w3.org/TR/html-picture-element/" title="http://www.w3.org/TR/html-picture-element/">&lt;picture&gt;</a> element, which provides a similar markup structure to {{HTMLElement("video")}}<a href="/en-US/docs/Web/HTML/Element/video" title="/en-US/docs/Web/HTML/Element/video">,</a> with {{HTMLElement("source")}} alternatives selectable via media query results. Another proposal, <a href="http://www.w3.org/html/wg/drafts/srcset/w3c-srcset/">srcset</a>, was put forward by Apple and takes a slightly different approach, instead providing a new <code>srcset</code> attribute for {{HTMLElement("img")}} inside which image references are placed along with "hints" that the browser can use to work out which image is most suitable to display given its viewport size, resolution, etc. These are not intended to be mutually exclusive.</p>
+<p>HTML images are a more difficult proposition. There is no mechanism inherent in HTML images for serving different image files dependent on viewport size, and, due to a number of irksome browser behavior realities, solutions are more difficult to hack together than you would imagine. There are currently some standards proposals in the works that would provide this — the W3C <a href="http://www.w3.org/community/respimg/" title="http://www.w3.org/community/respimg/">responsive images community group</a> discussed this problem for ages and arrived at the <a href="http://www.w3.org/TR/html-picture-element/">&lt;picture&gt;</a> element, which provides a similar markup structure to {{HTMLElement("video")}}<a href="/en-US/docs/Web/HTML/Element/video" title="/en-US/docs/Web/HTML/Element/video">,</a> with {{HTMLElement("source")}} alternatives selectable via media query results. Another proposal, <a href="http://www.w3.org/html/wg/drafts/srcset/w3c-srcset/">srcset</a>, was put forward by Apple and takes a slightly different approach, instead providing a new <code>srcset</code> attribute for {{HTMLElement("img")}} inside which image references are placed along with "hints" that the browser can use to work out which image is most suitable to display given its viewport size, resolution, etc. These are not intended to be mutually exclusive.</p>
<p>This all sounds good. But those solutions are definitely not ready for production yet — both are in a very early stage of standardization, and have no support across browsers. Currently we have to rely on various polyfills and other solutions, none of which are perfect for all situations, so you need to decide which one is right for your particular situation. Some available solutions are as follows:</p>