(Resolved) SP Lists Expand the View Size More Than Mobile Screen in Mobile View of Sharepoint

(Resolved) SP Lists expand the view size more than mobile Screen in Mobile view of SharePoint Lists

In SharePoint Server 2013, there are new, optimized mobile browser experiences available for viewing a SharePoint site. For example, you have the flexibility to use a modern out-of-the-box solution, such as the HTML5-based contemporary view, or you can design a mobile view based on your organization’s unique usability requirements. There are four browser-based experiences that are available in SharePoint Server 2013. Your ability to choose these experiences depends on several factors, including which devices you have and the type of site that you are trying to enable for mobile views. This will help you plan for using mobile browser experiences in SharePoint Server 2013 by identifying device and site requirements for a view, and providing inventory for your mobile device base. Upon completion, you will understand the mobile views that are available to you, and you will be provided with next steps and guidance if these views are unacceptable.

Mobile browser experiences

This section will help you understand which mobile views are available in SharePoint Server 2013, and identify which views are available to you based on device and site requirements. In summary, there are three distinct mobile browser experiences that are available by default, and a feature known as device channels that will allow you create a customized mobile browser view for a SharePoint publishing site. The following table describes these views and the device channels feature.

Problem:

Sometimes you will experience this type of issue where you have a SharePoint Lists and when you click on your Mobile, the fields expand more than your screen size of your Mobile Phone. So you will wonder after watching this issue and you surely want to restrict your SP field to the screen size of the Mobile.

I used a @media screen size for this site but it didn't make any effect to resolve my issue then i just found a solution which i will be sharing with you guys below

Resolution:

There are mobile views: Contemporary view, Full screen UI, Classic view and Device channels.

You could active “Mobile Browser View” site feature. Go to site settings->manage site features-> Mobile Browser View.

After the “Mobile Browser View” site feature is enabled, it will check if the device’s browser supports HTML5. If so, the site will be displayed by mobile view. If not, the site will be displayed by classic view what users see on a computer.

Then there are workarounds.

1.You could create custom mobile view for publishing site by device channels feature.

2. You could restrict the field length in NewForm.aspx by adding custom code.

For more detailed information, you could refer to the articles below.

Plan for mobile views in SharePoint Server 2013.

Configure a SharePoint site for mobile devices.

Overview of mobile devices and SharePoint Server 2013.

May it will help you out

Thanks!!!