屏幕分辨率
我对当前关于网站内容宽度的建议感到好奇。 我目前正在处理一个 700 像素宽的区域，其中包含重要信息，而周围的容器为 1060 像素，这允许背景图像创建更大的视觉区域。
自从我制作了网站、移动设备等以来，情况发生了变化...我仍然认识那些在计算机/笔记本电脑上使用 14 和 15 英寸显示器的人。
我想如果我有 700 像素宽度的内容区域，那会非常安全，我知道缩放功能通常用于在小型设备上读取数据，我目前没有可以上网的手机，
谢谢。
Am curious about the current recommendations for the width of website content.
Am currently working with a 700px wide area that contains important information whilst the container around this is 1060px which allows for the background image to create a larger visual area.
Things have changed since i made a website, mobile devices etc... I still know people who have 14 and 15" displays they use for their computer/ laptop.
I imagine am pretty much safe if i have the 700px width area for content, i understand the zoom feature is often used to read data on small devices, I do not currently own a phone with internet.
Thanks
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
请参阅这篇文章，这是我读过的有关该主题的最好的文章之一。
分辨率无关的移动 UI
Sencha 是一个众所周知的移动 Web 框架，这就是在他们的热门文章中。
See this article, it's one of the best things Iv'e read on the topic.
Resolution Independent Mobile UI
Sencha is a well known mobile web framework, and that's on of their top articles.
您应该考虑使用适用于任何尺寸的流体布局。您可能需要设置屏幕的最大值（例如 1260 像素）和移动设备的最小值（例如 320 像素）。然后使用 CSS 条件在屏幕样式表和移动样式表之间进行选择。
根据您的网站需求定制布局通常是可行的方法，但是有许多文章和框架可以帮助您；
CSS 网格.net,
完美的流体布局
ETC。
You should look into using a fluid layout that works at any size. You'll probably want to set a max for screen, say 1260px and a min for mobile say 320px. Then use CSS conditionals for choosing between screen and mobile stylesheet.
Custom making the layout per your sites needs is usually the way to go, but there are many articles and frameworks out there to help you out;
CSS Grid .net,
The Perfect Fluid Layout
etc.