手机网页手机-阿里云

手机网页中，如何让父元素的宽度等于子元素撑起的宽度，特别是子元素宽度之和大于手机屏幕尺寸时？

请各位高手多多指导我，最好贴点代码让我看看哈。为什么要做这种布局呢？因为标题展示可能会有多个，我们采用不换行，而采用左右滑动的效果。

【手机网页】手机网页显示图片模糊问题

【本文原创，谢绝转载】【总结】 1.手机浏览器，不管是UC、原生浏览器、safari，显示页面都是按照320px的 2.由于现在手机的宽度都大于320px，所以，图片会模糊 3.像苹果的retina屏幕的方式学习！先把图片做成两倍长宽的大小，然后通过css样式强制做成原大小

共有2条

< 1 >

跳转至： GO

更新时间 2024-03-04 10:39:27

本页面内关键词为智能算法引擎基于机器学习所生成，如有任何问题，可在页面下方点击"联系我们"与我们沟通。

产品推荐

{"optioninfo":{"dynamic":"ture","static":"true"},"simplifiedDisplay":"newEdition","newCard":[{"ifIcon":"img","link":"https://img.alicdn.com/tfs/TB1XY8hGYr1gK0jSZFDXXb9yVXa-1740-328.png","icon":"弹性云手机","iconImg":"https://img.alicdn.com/imgextra/i1/O1CN01VpOKfU1tdExrKxFwN_!!6000000005924-2-tps-64-64.png","contentLink":"https://www.aliyun.com/product/ecs/cloudphone","title":"弹性云手机","des":"弹性云手机 (Elastic Cloud Phone)，是一台运行在云端服务器的虚拟手机，利用ARM服务器以及虚拟化技术，为用户在云端构建一个安卓应用平台。","link1":"https://cloudphone.console.aliyun.com/?spm=5176.24025021.0.0.177a487dEASnvt#/createPhones/cn-hangzhou","btn1":"立即购买","link2":"https://www.aliyun.com/product/ecs/cloudphone","btn2":"产品详情页","btn3":"产品文档","link3":"https://help.aliyun.com/document_detail/257122.html?spm=a2c4g.11186623.3.3.63c32499P8jyY0","infoGroup":[{"infoName":"产品入门","infoContent":{"firstContentLink":"https://help.aliyun.com/document_detail/258189.html?spm=a2c4g.11174283.6.553.535d4c07a84UJF","firstContentName":"入门概述","lastContentName":"创建云手机","lastContentLink":"https://help.aliyun.com/document_detail/258190.html?spm=a2c4g.11186623.6.554.463866e56bPGfe"}},{"infoName":"用户指南","infoContent":{"firstContentName":"产品计费","firstContentLink":"https://help.aliyun.com/document_detail/258183.html?spm=a2c4g.11186623.3.3.2ab11266DkBfLF","lastContentName":"最佳实践","lastContentLink":"https://help.aliyun.com/document_detail/265363.html?spm=a2c4g.11186623.6.564.66a15b53RGWIZK"}}]}],"card":[],"search":[],"infoCard":[{"bannerUrl":"https://img.alicdn.com/tfs/TB1Xf81a3gP7K4jSZFqXXamhVXa-5169-974.jpg","bannerTitle":"mPaaS 小程序","bannerContent":"源自于支付宝小程序框架，亿级线上业务体量的锤炼，安全性媲美支付宝原生能力。<br>不仅面向自有 App 投放小程序，更可快速构建打包，覆盖支付宝、淘宝、钉钉等应用。","liveButtonName":"查看详情","liveButtonLink":"https://www.aliyun.com/product/mobilepaas/mpaas-miniprogram","contentTitle":"提供即开即用的端上体验","homePageLink":"https://common-buy.aliyun.com/?spm=5176.14673561.J_8751524360.2.56702709BussF3&commodityCode=mpaas_beta#/open","homePageName":"免费试用","linkGroup":[{"linkContent":"发布包大小极致优化，节省流量和存储。"},{"linkContent":"服务迭代不再受发版限制，快速发布，快速迭代。"},{"linkContent":"业务开发效率更加优秀，一次开发，多端运行。"}]}],"title":{"mainTitle":"弹性云手机","subtitle":"弹性云手机 (Elastic Cloud Phone)，是一台运行在云端服务器的虚拟手机，利用ARM服务器以及虚拟化技术，为用户在云端构建一个安卓应用平台。用户基于电脑、平板等终端，以串流的方式，远程实时操控，实现安卓应用云端运行，可以广泛应用于移动办公，游戏以及广告营销等场景。","linkUrl":"https://www.aliyun.com/product/mobilepaas/mpaas-miniprogram","btnText":"查看详情"},"visual":{"topbg":"https://img.alicdn.com/tfs/TB1bQuBIYH1gK0jSZFwXXc7aXXa-3840-740.gif","icon":"","textColor":"dark"},"dataList":[],"sceneCard":[],"txt":[]}

{"$env":{"JSON":{}},"$page":{"env":"production"},"$context":{"optioninfo":{"dynamic":"ture","static":"true"},"simplifiedDisplay":"newEdition","newCard":[{"ifIcon":"img","link":"https://img.alicdn.com/tfs/TB1XY8hGYr1gK0jSZFDXXb9yVXa-1740-328.png","icon":"弹性云手机","iconImg":"https://img.alicdn.com/imgextra/i1/O1CN01VpOKfU1tdExrKxFwN_!!6000000005924-2-tps-64-64.png","contentLink":"https://www.aliyun.com/product/ecs/cloudphone","title":"弹性云手机","des":"弹性云手机 (Elastic Cloud Phone)，是一台运行在云端服务器的虚拟手机，利用ARM服务器以及虚拟化技术，为用户在云端构建一个安卓应用平台。","link1":"https://cloudphone.console.aliyun.com/?spm=5176.24025021.0.0.177a487dEASnvt#/createPhones/cn-hangzhou","btn1":"立即购买","link2":"https://www.aliyun.com/product/ecs/cloudphone","btn2":"产品详情页","btn3":"产品文档","link3":"https://help.aliyun.com/document_detail/257122.html?spm=a2c4g.11186623.3.3.63c32499P8jyY0","infoGroup":[{"infoName":"产品入门","infoContent":{"firstContentLink":"https://help.aliyun.com/document_detail/258189.html?spm=a2c4g.11174283.6.553.535d4c07a84UJF","firstContentName":"入门概述","lastContentName":"创建云手机","lastContentLink":"https://help.aliyun.com/document_detail/258190.html?spm=a2c4g.11186623.6.554.463866e56bPGfe"}},{"infoName":"用户指南","infoContent":{"firstContentName":"产品计费","firstContentLink":"https://help.aliyun.com/document_detail/258183.html?spm=a2c4g.11186623.3.3.2ab11266DkBfLF","lastContentName":"最佳实践","lastContentLink":"https://help.aliyun.com/document_detail/265363.html?spm=a2c4g.11186623.6.564.66a15b53RGWIZK"}}]}],"card":[],"search":[],"infoCard":[{"bannerUrl":"https://img.alicdn.com/tfs/TB1Xf81a3gP7K4jSZFqXXamhVXa-5169-974.jpg","bannerTitle":"mPaaS 小程序","bannerContent":"源自于支付宝小程序框架，亿级线上业务体量的锤炼，安全性媲美支付宝原生能力。<br>不仅面向自有 App 投放小程序，更可快速构建打包，覆盖支付宝、淘宝、钉钉等应用。","liveButtonName":"查看详情","liveButtonLink":"https://www.aliyun.com/product/mobilepaas/mpaas-miniprogram","contentTitle":"提供即开即用的端上体验","homePageLink":"https://common-buy.aliyun.com/?spm=5176.14673561.J_8751524360.2.56702709BussF3&commodityCode=mpaas_beta#/open","homePageName":"免费试用","linkGroup":[{"linkContent":"发布包大小极致优化，节省流量和存储。"},{"linkContent":"服务迭代不再受发版限制，快速发布，快速迭代。"},{"linkContent":"业务开发效率更加优秀，一次开发，多端运行。"}]}],"title":{"mainTitle":"弹性云手机","subtitle":"弹性云手机 (Elastic Cloud Phone)，是一台运行在云端服务器的虚拟手机，利用ARM服务器以及虚拟化技术，为用户在云端构建一个安卓应用平台。用户基于电脑、平板等终端，以串流的方式，远程实时操控，实现安卓应用云端运行，可以广泛应用于移动办公，游戏以及广告营销等场景。","linkUrl":"https://www.aliyun.com/product/mobilepaas/mpaas-miniprogram","btnText":"查看详情"},"visual":{"topbg":"https://img.alicdn.com/tfs/TB1bQuBIYH1gK0jSZFwXXc7aXXa-3840-740.gif","icon":"","textColor":"dark"},"dataList":[],"sceneCard":[],"txt":[]}}