在数字化时代，我们每天都会使用各种屏幕设备，从小巧的手机到宽敞的电视。一个网站能否在不同大小的屏幕上都能提供良好的用户体验，是衡量其设计是否优秀的重要标准。以下将介绍五个在手机到电视等不同屏幕上都能完美适应的网站。
1. 谷歌（Google）
谷歌的搜索网站是一个典型的例子，它能够在各种屏幕上提供一致的体验。无论你是在手机上快速查找信息，还是在电脑上深入研究，谷歌都能提供流畅的搜索体验。
手机端
在手机上，谷歌的搜索界面简洁明了，搜索框位于顶部，方便用户快速输入关键词。搜索结果以卡片形式呈现，每个卡片都包含摘要、图片和链接，便于用户快速浏览。
<!DOCTYPE html>
<html>
<head>
<title>Google Mobile Search</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<form action="/search" method="get">
<input type="text" name="q" placeholder="Search Google...">
<input type="submit" value="Search">
</form>
</body>
</html>
电脑端
在电脑端，谷歌的搜索界面则更加丰富，除了搜索框外，还提供了各种工具和功能，如新闻、地图、图片等。用户可以根据自己的需求进行选择。
2. 亚马逊（Amazon）
亚马逊作为一个电商巨头，其网站在不同屏幕上的设计同样出色。无论是浏览商品、下单购买，还是查看订单信息，亚马逊都能提供流畅的体验。
手机端
在手机上，亚马逊的界面简洁直观，商品图片清晰，用户可以轻松浏览和购买商品。搜索框位于顶部，方便用户快速查找商品。
<!DOCTYPE html>
<html>
<head>
<title>Amazon Mobile</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<form action="/search" method="get">
<input type="text" name="q" placeholder="Search Amazon...">
<input type="submit" value="Search">
</form>
</body>
</html>
电脑端
在电脑端，亚马逊的界面则更加丰富，提供了更多的商品分类和功能。用户可以轻松浏览各种商品，并进行比较和购买。
3. Facebook
作为全球最大的社交网络平台，Facebook的网站在不同屏幕上的设计也相当出色。用户可以在手机上与朋友互动，也可以在电脑上浏览新闻和分享内容。
手机端
在手机上，Facebook的界面简洁直观，用户可以轻松浏览好友动态、发布状态和照片。搜索框位于顶部，方便用户查找好友和内容。
<!DOCTYPE html>
<html>
<head>
<title>Facebook Mobile</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<div class="header">
<input type="text" placeholder="Search Facebook...">
</div>
<div class="content">
<!-- 用户动态和内容 -->
</div>
</body>
</html>
电脑端
在电脑端，Facebook的界面则更加丰富，提供了更多的功能，如视频、直播和广告等。用户可以轻松浏览和分享内容。
4. YouTube
作为全球最大的视频分享平台，YouTube的网站在不同屏幕上的设计也相当出色。用户可以在手机上观看短视频，也可以在电脑上观看长视频。
手机端
在手机上，YouTube的界面简洁直观，用户可以轻松浏览和观看视频。搜索框位于顶部，方便用户查找视频。
<!DOCTYPE html>
<html>
<head>
<title>YouTube Mobile</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<form action="/search" method="get">
<input type="text" name="q" placeholder="Search YouTube...">
<input type="submit" value="Search">
</form>
</body>
</html>
电脑端
在电脑端，YouTube的界面则更加丰富，提供了更多的功能，如订阅、上传和直播等。用户可以轻松浏览和观看视频。
5. Netflix
作为全球最大的流媒体平台，Netflix的网站在不同屏幕上的设计也相当出色。用户可以在手机上观看电视剧和电影，也可以在电脑上享受大屏幕观影体验。
手机端
在手机上，Netflix的界面简洁直观，用户可以轻松浏览和观看电视剧和电影。搜索框位于顶部，方便用户查找内容。
<!DOCTYPE html>
<html>
<head>
<title>Netflix Mobile</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<form action="/search" method="get">
<input type="text" name="q" placeholder="Search Netflix...">
<input type="submit" value="Search">
</form>
</body>
</html>
电脑端
在电脑端，Netflix的界面则更加丰富，提供了更多的功能，如推荐、分类和播放列表等。用户可以轻松浏览和观看电视剧和电影。
总之，一个优秀的网站应该能够在各种屏幕上提供良好的用户体验。以上五个网站在不同屏幕上的设计都相当出色，值得我们学习和借鉴。