我应该把重点放在哪里，才能支持所有100%的手机和平板电脑，而不管它们的屏幕尺寸或密度如何？

为了支持所有100%的手机和平板电脑，不管它们的屏幕尺寸或密度如何，你应该把重点放在响应式设计和自适应布局上。

响应式设计是指网站或应用能够根据用户设备的屏幕尺寸和分辨率进行自动适应和优化的设计方法。通过使用响应式设计，可以确保用户在不同设备上都能够获得一致的用户体验。

自适应布局是指根据设备屏幕尺寸和密度调整内容布局和元素大小的能力。这意味着你需要设计和开发一个灵活的布局，能够根据设备的特性自动适应。

为了实现响应式设计和自适应布局，你需要掌握以下技术和工具：

1. HTML5和CSS3：这些是构建网页和应用程序的基本语言，掌握它们可以帮助你创建灵活的布局和样式。
2. 媒体查询：通过使用CSS媒体查询，你可以根据设备的特性（如屏幕尺寸、分辨率、方向）应用不同的样式。
3. 弹性布局：使用弹性盒子模型（flexbox）或网格布局（grid）可以实现自适应布局，使元素能够自动调整大小和位置。
4. 图片和媒体处理：通过使用适当的图像压缩和优化技术，可以确保图像在不同设备上加载速度快且清晰。此外，还可以使用HTML5中的媒体元素（如video和audio）来支持音视频播放。
5. 测试和调试：在开发过程中，需要使用各种工具和技术来测试和调试网站和应用程序在不同设备上的表现，以确保一致性和适应性。
6. 响应式框架：使用流行的响应式框架（如Bootstrap、Foundation等）可以加快开发速度，并提供一套经过验证的组件和布局。

在腾讯云的产品中，您可以使用腾讯云移动云服务（https://cloud.tencent.com/product/mmps）来构建适用于不同设备的移动应用程序。此服务提供了丰富的功能和工具，如推送通知、用户管理、分析统计等，以支持您的移动开发需求。

另外，腾讯云也提供了云端一体化解决方案（https://cloud.tencent.com/solution/mobile-and-iot），帮助您实现跨设备的一体化体验。该解决方案结合了移动云服务、物联网（IoT）和人工智能（AI）等技术，可应用于智能家居、智能健康等领域。

需要注意的是，以上仅是一些基本的建议和腾讯云产品示例，实际开发过程中还需要根据具体情况进行调整和选择合适的技术和工具。