diff options
author | Peter Bengtsson <mail@peterbe.com> | 2021-08-02 10:31:29 -0400 |
---|---|---|
committer | Irvin <irvinfly@gmail.com> | 2021-08-04 01:30:29 +0800 |
commit | d4b97cd8ba7c9b71d5e3ccb119103047da3b44a8 (patch) | |
tree | f8ea6bd0389fecc2c53d179b28dbd848a1dc421f /files/zh-cn/web/progressive_web_apps/responsive | |
parent | 9ea776df4726b50ce1b83e7ef8da6b20aeeece73 (diff) | |
download | translated-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.html | 2 |
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="<img>"><img></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/"><picture></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/"><picture></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> |